A React Native Learning Roadmap Based on My Professional & Teaching Experience
After working with React Native for around 4 years professionally and teaching more than 40 students to make them familiar with React Native through my devskill course, I have come up with a basic roadmap to learn React Native.
**Obviously there is no fixed/straight roadmap for learning any technology, but I hope my professional and teaching experience on React Native can help someone who is starting with React Native.**
Roadmap breakdown
Topic-based learning + Project-based learning
I have divided the whole roadmap into 2 main parts. They are the following:
- Project-based learning — With this, you get to work on real projects and learn by building stuff. (ToDo app, Booking App, Journal App, etc)
- Topic-based learning — With this, you focus on specific topics and understand the topics very well with hands-on exercises. (JavaScript, React, Core React Native, Navigation, Global state management, etc)
Topic-based learning
I have pointed out some of the topics that are very important for anyone who is starting with React Native. So these topics need extra learning and focus.
I have tried to list down the topics that need to be covered in order. So anyone who is starting with React Native can follow the topics in this order.
1. Environment setup
2. JavaScript & ES6:
Before we get into React & React Native, it’s best that we have the basics of the language. Otherwise, we may get stuck a lot and lose our motivation to continue the journey. The sections that I have included here inside JS & ES6 can be found in the freecodecamp learning map.
3. React
Great, now we know the language that we will need to use in order to write our application. We can now jump straight to React Native or we can learn the fundamentals of React before we move to React Native. React native is based on the fundamental principles of React. So we can first get the idea of the React which will later help us working with react-native easier.
4. React Native
With all of the above, we are ready to jump into React Native.
Project-based learning
Besides learning the specific topics the most effective way is to learn through building real projects. In this way, our learning will last long with us and we can start to grow as professional react native developers. In all my courses, I try to build three projects with the class. I try to include the topics in the projects in proper order. So that we learn step by step. The three projects idea can be the following
1. First Project — Focusing on UI
2. Second project — Focusing on functions of the app
3. Third project — Imitating a real-world project as much as possible
That’s all, I believe if someone who is starting with React Native finishes this roadmap, they will be in very good shape to start their journey with React Native professionally.
More content at plainenglish.io. Sign up for our free weekly newsletter here.
