React-Redux Roadmap Zero to Advanced: Part 1 🚀
Tags: javascript, react, redux, webdev
Published: 2022-07-19 13:30:16

I know a lot of blogs, videos, channels are available for new React Developers to learn. Here is my recommendation to grasp React concepts at the speed of light.... 
Front End Development Roadmap (React)



## **Basic HTML, CSS, JS** -
**Mimo App**: [Learning to code can be easy and fun. Start learning now! (getmimo.com) ](https://getmimo.com/)
Beginners can use this app to build your basic foundation on HTML, CSS, JS. Backend developers who deliberately suck at front-end can also use this app to get clarity on the basics.


## **JavaScript -**

[**The Complete JavaScript Course 2022: From Zero to Expert!
Learn Modern Javascript (Build and Test Apps) - Full Course | Udemy**](https://www.udemy.com/course/the-complete-javascript-course/)
You can **master** JS or use this course for understanding JS in depth! If you want to learn any JavaScript based Framework or Library, please get your hands dirty with all important concepts in JavaScript.

Now let us come to some free stuff i.e. **Youtube Channels**

 [**Codevolution**](https://www.youtube.com/c/Codevolution) - Vishwesh covers many concepts in Front end Development. His explanation is very simple, structured and concise. I have added many links from his channel in this blog.
I would recommend to go through [Advanced JS Series](https://www.youtube.com/watch?v=R9I85RhI7Cg)

## **ES6+ (Modern JavaScript)**

[**Programming with Mosh**](https://www.youtube.com/c/programmingwithmosh)- 
I really love Mosh's videos. The problem now is they are old and many concepts are deprecated. But I would recommend [ES6 Concepts](https://www.youtube.com/watch?v=NCwa_xi0Uuc) from this channel.

Another good one  for ES6+ Concepts is 

[**freeCodeCamp.org**](https://www.youtube.com/c/Freecodecamp)- 
Very popular community youtube channel! Go through this for [ES6+ concepts!!!!](https://www.youtube.com/watch?v=nZ1DMMsyVyI)
Brush up **ES6 concepts** they are very important for React development

Enough of Pre-requisites. Let's come to the point! 



##**React JS** - 

Explore **[Main concepts and Advanced Concepts](https://reactjs.org/docs/getting-started.html)** from official website of React!

One of the popular course is
[React - The Complete Guide (incl Hooks, React Router, Redux)](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)
Warning: The projects use React 16!!!

[Complete React Developer in 2022 (w/ Redux, Hooks, GraphQL)](https://www.udemy.com/course/complete-react-developer-zero-to-mastery/)
 
****_React 18 has deprecate many things so you can enroll in other updated courses as well!_**

React Hooks and Stuff:
**[PedroTech](https://www.youtube.com/c/PedroTechnologies)** -
Get started with [React Hooks on PedroTech](https://www.youtube.com/watch?v=LlvBzyy-558 ) in one shot!

**_Few amazing React Crash Courses_**:
**[Traversy Media - React JS Crash Course](https://www.youtube.com/watch?v=w7ejDZ8SWv8)** - 
This crash course includes basics implementation in less than 2 hours. After this you can start building basic projects for your developer portfolio in React.

**[Academind](https://www.youtube.com/c/Academind)**-  **[React Crash Course for Beginners 2021 - Learn ReactJS from Scratch in this 100% Free Tutorial!](https://www.youtube.com/watch?v=Dorf8i6lCuk)** 
This is also for beginners but includes Routing, Context Api, useEffect, many more things...
**Please check React 18 Documentation and skip the deprecated part of these crash courses!!!!!


## **Redux**

[Codevolution- React Redux Tutorials - 1 - Introduction](https://www.youtube.com/watch?v=9boMnm5X9ak&list=PLC3y8-rFHvwheJHvseC3I0HuYI2f46oAK) -
The videos were published in 2019. But I would still recommend it as many beginners find Redux challenging. Here you need to actually code along with the series or apply on your personal project. 

## **Redux Toolkit**
[Codevolution Redux Toolkit](https://www.youtube.com/watch?v=0awA5Uw6SJE&list=PLC3y8-rFHvwiaOAuTtVXittwybYIorRB3)-  
Redux Toolkit is becoming popular and developer's favorite due to reduction in the boilerplate code that comes with the Toolkit. Step by step you can master Redux Toolkit by completing the series!!!

All the best!.....Comment if the blog helped you and also if your are excited for the Part 2!!!