Simple Roadmap To Learn ReactJS

WebDev Basic

1. GIT
2. HTML
3. CSS
4. JavaScript
5. NPM Ecosystem
6. DevOps Basics For Deploying Your App

First Steps Into React

1. Understand React
2. How To Set Up Your DevEnv
3. JSX
4. Components
5. State
6. Props
7. Lists/Keys
8. Lifecycle Methods

Advance in React

1. Styling
2. Form Handling
3. Data Handling
4. Reconciliation Process
5. Hooks
6. Custom Hooks
7. Context

Become An Expert

1. Lazy Loading
2. Portals
3. State Management
4. Routing
5. Theming
6. Patterns
7. Anti-Patterns

Starter Links

• learn git
• learn html
• learn css
• npm
• learn js
• gamify learning js
• official react tutorial
• freecodecamp full frontend course
• freecodecamp react course
• codecademy react
• codecademy react testing
• codecademy react router

---

Hopefully, these resources will help you. If you have any tips, feel free to contribute them.

Writing has always been my passion and it gives me pleasure to help and inspire people. If you have any questions, feel free to reach out!

Connect me on Twitter, LinkedIn and GitHub!

Visit my Blog or my Medium Blog for more articles like this

---

Photo by Ferenc Almasi on Unsplash