LEARN REACT JS

Introduction

React JS is an open-source JavaScript Library that is used for building user interfaces specifically for single-page applications. It's used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components and the main purpose of React is to be fast, scalable, and simple.

React is becoming more popular day by day and is taking over Frontend Dev.React can also render on the server using Node and power mobile apps using React Native.

Knowing the basics of JavaScript is must for getting into React. Click here to know the topics to be covered in JavaScript.

Let's see what topics you need to cover and my favourite resources for learning React.

Topics to cover:

Basics

  • Create React App
  • Class Components
  • Functional Components
  • JSX
  • props and state
  • List and Keys
  • Simple Form

Intermediate

  • Component Lifecycle Methods
  • Conditional Rendering
  • React Router
  • Context API
  • Render props
  • Error Boundaries
  • Higher Order Components
  • Portals
  • HTTP Requests

>Advanced
React Hooks -Not really advanced

  • useState Hook
  • useEffect Hook
  • useRef Hook
  • useContext Hook
  • useReducer Hook
  • useMemo Hook
  • Custom Hooks

Miscellaneous

  • Redux
  • Styled Components
  • Formik
  • Storybook
  • Practical React
  • GatsBy
  • Next.Js
Resource:

It would easy if you watch the above tutorials in the order that I've mentioned.

Click here for REACT JS PROJECTS.

That's it from this blog post. If you liked it then do share this blog with your friends or people who wanna get into programming world. Thank You!

Copyright © NStF Blogs 2021