๐ The React Native Developer Roadmap ๐
React Native is a cross-platform library to build mobile apps using React and JavaScript. This guide will help you on your React Native journey. This repo contains great resources you need to work with React Native (e.g. Articles, Tutorials, Blog Posts).
๐ข Intro to React Native
Here are some good resources that will introduce you to React Native and give you some insights about the React Native ecosystem.
๐ Blueprint to becoming a React Native Developer๐ Getting started with React Native๐ What you need to know to get started with React Native
๐จ Setup the Environment for React Native
After you get an idea about React Native, it's now time to start setting up the ground to build things.
๐ฑ Setup iOS Environment
๐ Setting up the environment development๐ How to setup development environment for React-Native on Mac๐ React Native Environment setup๐ How to install React Native on MacOS๐ How to REALLY set up a React Native environment on Mac
๐ค Setup Android Environment
๐ Get started developing for Android using React Native๐ Android React Native Window Setup-How to Setup Android Environment for React Native App๐ Android Setup๐ React Native Environment set up on Mac OS with Xcode and Android Studio
โ๏ธ Debugging
Here is some content to help learn how to debug a React Native app
๐ Tools for debugging React Native๐ Debugging in React Native๐ How To Debug React Native Apps Like A Pro? (Tools And Best Practices)๐ Debugging in React Native: Flipper vs React Native Debugger vs Reactotron
Debugging tools
๐
Styling
Learn how to do styling in React Native with these resources below:
๐ Articles
๐ Styling in React Native๐ React Native style docs๐ React Native styling tutorial with examples๐ Demystifying Flexbox in React Native๐ Getting Started With React Native Flexbox Layout๐ A Mini-Course on React Native Flexbox๐ Understanding Flexbox in React Native๐ Applying and Organizing Styles in React Native
๐ Styling libraries
๐ react-native-extended-stylesheet๐ styled-components๐ react-native-CSS๐ react-native-tailwindcss
๐ Building React native components and Layout
๐ Easily Build Forms in React Native๐ Building React Native forms with UI components๐ How to create Custom Component in React native?๐ Custom Component in React Native๐ Create native UI component in React Native
Navigation
๐ Introducing React Navigation 5๐ React Native navigation: React Navigation examples and tutorial๐ How To Use Routing with React Navigation in React Native๐ Building a React Native App With Complex Navigation Using React Navigation
๐ Authentication
๐ How to Add Authentication to React Native in Three Steps Using Firebase๐ Add Authentication to your React Native App๐ Create a React Native App with Login in 10 Minutes๐ React Native Authentication Flow, the Simplest and Most Efficient Way๐ Adding Authentication to Your React Native App Using JSON Web Tokens๐ How to set up email authentication with React Native, react-navigation, and Firebase๐ Implementing secure passwordless authentication in React Native apps with Auth0
๐ช Animations
๐ How to use Reanimated 2 (a beginners guide)๐ Making Animations In React Nativeโ The Simplified Guide๐ Top 5 Animation Libraries in React Native๐ React-Native Animated Polyline๐ Implementing FoldView in React Native๐ How Animations Work in React Native๐ The top 6 animation libraries in React Native
UI libraries for styling
๐ How to build React Native UI app with Material UI๐ Top 5 Animation Libraries in React Native๐ Comparing React Native UI libraries
Deployment and publishing to App Stores
๐ How to Deploy a React Native IOS app on the App Store๐ Build an iOS App with React Native and Publish it to the App Store๐ Uploading Apps to the Apple App Store and Google Play๐ Deploying React Native Apps to App Store and Play Market : Step-by-Step Guide๐ How to Deploy a React Native App for iOS and Android๐ How to build and upload a React Native app to the iOS App Store using Expo๐ How to Deploy a Create-React-Native-App to the AppStore
๐ Performance
๐ Optimize your React Native app performance๐ How to improve the performance of a React Native app๐ Comparing the Performance between Native iOS (Swift) and React-Native
๐ชค Build fun things and real projects with React Native
After getting your hands on React Native, it's time to build and practice what you've learned. Here are some fun projects to work on:
๐ โCan it be done in React Native?โ โ a case for declarative gestures and animations๐ Can it be done in React Native? Revolut chart using D3๐ Can this be done in React Native? Building the Chrome iOS TabBar๐ Building Serverless Mobile Applications with React Native & AWS
React Native developers to follow
It's important that you always keep up-to-date with React Native news and learn new things to grow your skills. Here are some folks in the React Native community that will benefit you on your React Native journey:
๐ธ William Candillon๐ธ Aman Mittal๐ธ Catalin Miron๐ธ Evan Bacon๐ธ Satyajit Sahoo๐ธ Jonny Burger๐ธ Leo Natan๐ธ Nicolas Charpentier๐ธ Spencer Carli๐ธ Nader Dabit๐ธ Eli White
๐ Books
Contributors
All contributions are welcome: editing, adding a resource, fixing grammar, etc..
- Fork the repo
- Create your own branch
- Submit a pull request
โ