Best of ReactApril 2021

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    Create a MERN Stack App with a Serverless Backend

    MERN Stack App with a Serverless Backend. Create a MERN stack app with a serverless backend. Use the MERN App Manager to help you create your own Stack App. The MERN app manager can also be used to test your Stack App's functionality.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How to Write Cleaner React Code

    Reed Barger: How to Write Cleaner React Code. How to write cleaner code for React.com? Read more at Reed Barger’s blog, Cleaning React Code, and see the rest of the article here. Click here for more information on how to write React code.

  3. 3
    Article
    Avatar of hashnodeHashnode·5y

    Free ultimate React resources. Zero to Hero in React

    React is a JavaScript library for building present day applications. React is utilized for taking care of the view layer and can be utilized for advancement of both web and mobile applications. This post will contain various type of resources like YouTube videos, eBook, Courses and MORE.

  4. 4
    Article
    Avatar of hashnodeHashnode·5y

    200+ Ultimate Resources for Front-End Development in 2021

    This post has nearly unlimited amount of every type of resources covering everything you will need. You only need this post to become a Front-end Developer. You will need a check list for marking what all you have learned. You can see the below image for how the checklist will look like.

  5. 5
    Article
    Avatar of devdojoDevDojo·5y

    The React Roadmap 🏁 10 Steps to Become a React Developer in 2021

    Learn how to become a confident React developer in 10 easy steps. Commit to 4-5 hours of focused coding per weekday. Use the Pomodoro technique for optimal time management. Read through ReactJS.org from front to back to get familiar with the concepts you need.

  6. 6
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    Is Context Better than Redux?

    Redux provides an organized and stable way to manage state across components in javascript applications. Context is used when you want to share state across many components at different levels in your component tree without passing it as props through every component. If you’re building a medium-sized personal project, Context could really be the perfect solution for you.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    The Best React Libraries You Should Be Using Today

    Reed Barger is the co-founder of React, the open-source React library. He wrote a guide on how to use React in your browser. Barger also wrote a book about React, called React: The Story of React. Read more at Reed Barger's book, The Story Of React: React In Your Browser.

  8. 8
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    What is the Best Way to Build a Login Page?

    In most of the applications I have worked on, there is an entry/ login page. I’ve built login components using vanilla HTML and JavaScript, Polymer, React and React Native. Every time, the intent is to create a simple page with clean code. Looks can be deceiving, as this page can get complicated.

  9. 9
    Article
    Avatar of itnextITNEXT·5y

    Fower v1.0

    Fower is a styling tool library that allows you to efficiently develop UI. The goal is to make it easier for you to write CSS. The core features of Fower are Atomic, Type Safe, and CSS in JS. It pays great attention to the development experience, allowing you to build user interface quickly and happily.

  10. 10
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    A 2021 Crash Course in Next.js

    Next is a React web framework that enables server-side rendering and static site generation. It is built on top of React and gives you extra features which are perfectly suited for larger production apps. To create a Next.js app, we need to use the command shown below, inside any folder.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    5 Key React Lessons the Tutorials Don't Teach You

    Reed Barger is the co-founder and CEO of React, a social media company. He is the author of the book, "React: The Next Generation" He is also the creator of the popular website, Reddit, and its popular community, Redditors.com.

  12. 12
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    Create a Trello Clone with React

    React dnd is an amazing library that lets you create drag and drop lists with minimal amount of code. We’ll be using ReactJS for this tutorial. Create a JIRA/Trello Clone with React Akilesh Rao Follow closely on Twitter @AkileshRao.

  13. 13
    Article
    Avatar of hashnodeHashnode·5y

    10 React Tips to Optimize Performance and make you a Pro.

    10 React Tips to Optimize Performance and make you a pro. Avoid using Class Components. Increase Chunks. Use Dynamic Imports/ Code-Splitting. React State should be treated as immutable, never mutate this.state directly, calling setState() later may replace all the mutations made earlier.

  14. 14
    Article
    Avatar of phProduct Hunt·5y

    Clerk — Secure your React or Next.js application in 5 minutes

    Clerk adds secure authentication and user management to your React or Next.js app. Built-in theming and open APIs for easy customization. Embed Collect collects data from your app and shares it with the rest of the world. For more information on Clerk, visit the company's website.

  15. 15
    Article
    Avatar of devtoDEV·5y

    The React Tutorial for 2021: A Complete Guide

    This tutorial is meant to be thoroughly practical from start to finish. You will learn how to create an entire React application all within around 100 lines of code. It makes use of many of the core concepts of React: hooks, state management, forms, JSX elements, components, props, styling, and conditionals.

  16. 16
    Article
    Avatar of css_tricksCSS-Tricks·5y

    Comparing the New Generation of Build Tools

    A bunch of new developer tools have landed in the past year. They are biting at the heels of the tools that have dominated front-end development over the last few years. Despite their differences, these tools do share a common goal: improve the developer experience. We’ll evaluate each one, outlining what they do, why we need them and their use cases.

  17. 17
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    React Cheatsheet – 9 Common HTML Rendering Cases You Should Know

    React Cheatsheet – 9 Common HTML Rendering Cases You Should Know About. Ondrej Polesny’s ‘How To Use React’ guide. Read on to find out how to use React in your web browser or mobile app. For more information on React, visit the official React website.

  18. 18
    Article
    Avatar of hashnodeHashnode·5y

    Set Up Tailwind In React - The fastest way! 🚀

  19. 19
    Article
    Avatar of dzDZone·5y

    ReactJS Vs. AngularJS

    Hire Dedicated Remote Developers from GraffersID. Onboard dedicated remote developers to your project as quickly as in 2 days. If at any point in time, you feel the developer is not performing as per expectation, you can ask for replacement or end the contract with 0 penalties.

  20. 20
    Article
    Avatar of medium_jsMedium·5y

    Flutter vs. React Native in 2021 — Detailed Framework Comparison

    Cross-platforming mobile applications are less competitive in graphic animation. They are cost-efficient and could be a good fit for early-staged companies. Flutter and React Native use the BLoC methodology, while React Native is based on the React Native framework.

  21. 21
    Article
    Avatar of asayerasayer·5y

    Data Fetching Techniques with React

  22. 22
    Article
    Avatar of devtoDEV·5y

    15 Free ReactJS Templates for Your Next Project

    In less than a decade of existence, React has become the preferred choice of developers. Here's a list of free React templates you can use for your next project. React Blur admin can be used to build admin dashboards on your React applications. This template has tables, forms, maps, charts, UI features, color schemes, pages, and more.