A lot of people feel overwhelmed when starting with React because there are so many things to learn?
Here's a step by step guide on how to get started ->
This may be a no-brainer but learn how to install React, yeah no shit right?
There are 2 ways to install React
- To create everything from scratch
- Use create-react-app
Both of them are good, But some people like to start from scratch cause they want to demystify everything about React for them firsthand
The Basics
- Learn the flow of the rendering system in React
- How imports and exports work in React
- How exactly the JSX is being rendered to the HTML root div
Components
- Learn about components and types of components in React
- Learn Class-based and Functional components and their differences in React
- Learn more on how to export components, Named Exports vs Default Export in React
- Learn more about JSX and how is it different from HTML
- Learn how to import CSS and style JSX elements with it
State
- Learn about state and how to return the state value through JSX and rendering it
- Learn about Event handlers, onClick, onSubmit etc. in React
- Learn how to change state with event handlers in React
- Learn about Component lifecycle, learn how and when component rerenders in React
Props
- Learn about props in React
- Learn how to pass props to a component and render them
- Learn how to destructure props in another component
- Learn how to pass children-props and use them
- Learn how to pass the Callback function to another component in React
Some Extras
- Learn how to render lists of JSX elements using the .map function in React
- Learn to create reusable components and isolating logic to one component in React
- Learn to write cleaner code with the delegation of tasks to other components in React