React Native is an open-source mobile app framework created by Facebook. It can be used to develop apps for Android, iOS and the Web. It allows users to write apps using the React library, giving it native platform capabilities.
AirBnb, Instagram, Discord, Myntra, Uber Eats, SoundCloud, and many more.
We recommend this YouTube tutorial for getting started with the basics. And after this, if you want to take a deeper dive into React Native, we recommend this Udemy course.
The following topics should be covered:
| S.No. | Topic |
|---|---|
| 1. | Basics of React |
| 2. | Difference between React Native CLI and Expo CLI |
| 3. | Setting up the App |
| 4. | Getting familiar with JSX |
| 5. | React Components (with and without Hooks) |
| 6. | Views |
| 7. | Basic React Native components |
| 8. | Reusable Components |
| 9. | Component Lifecycle |
| 10. | Navigation between screens |
| 11. | State management with and without Redux |
| 12. | Flexbox for styling |
| 13. | Networking in React Native |
These are the basics for getting started with React Native. The recommended Udemy course goes a lot more in depth.
- Official React Native Docs
- Another YouTube tutorial by Mosh
- React Native playlist by Net Ninja
- This very cool website that goes through all the basic with interactive code
- Harvard University's CS50 Mobile Development with React Native course
While learning, it is always recommended to implement your knowledge practically. So, these are some project ideas to help you through this process.
- ToDo App
- Expense Tracker App
- Recipes App
- Radio/Music App
- Instagram clone (complete this with a backend if you are feeling confident)
If you have gone through the resources faithfully and completed some projects, give yourself a pat on the back. You can now call yourself a React Native developer.
If you want to explore the path of app development further, look into Flutter, which is Google's app development toolkit.
We hope you now know the roadmap to being a professional React Native Developer ✌️