Every front-end developer and web developer knows how frustrating and painful it is to write the same code at multiple places. If they need to add a button at multiple pages they are forced to do a lot of code. Developers using other frameworks face the challenges to rework on most codes even when crafting components that changed frequently. Developers wanted a framework or library which allows them to break down complex components and reuse the codes to complete their projects faster.
There are some few things that we should know before learning react:
- Fundamentals of NodeJS & Code Editors
Fundamentals: Now once you learn all the above things it’s time to jump into React. Understand the basic concept of React first. Here’s an overview:
• Component Architecture.
• State: Basically ‘state’ holds synchronous variable. If you change the value of a state variable then the change is reflected immediately in all the places that particular variable is used.
• Props: are just like arguments passed in a function or method. In React props (arguments) are passed into an HTML tag as input argument.
• Functional Components, Class Components.
• Styling (CSS) in React.
• Learn how to connect to APIs with React apps.
• React Router: React routing will help you to understand how routing works in an application of React. How to load the content of a specific page or how to redirect to a specific page using React Router. For example, to redirect from the ‘home’ page to the ‘blog’ page you will have to set routing so that it can only display the content of the ‘blog’ page. Once you have the understanding of React Router you can make some projects like A simple CURD application or Hacker News clone