React Native Developer Roadmap

React Native Developer Roadmap.md

React Native Developer Roadmap

1. Getting Started Introduction

2. JavaScript Learn JavaScript: Introduction Cheatsheet | Codecademy Learn ES2015 · Babel

3. React Fundamentals https://reactjs.org/tutorial/tutorial.html

4. JSX and Styling Components https://reactnative.dev/docs/style

5. Conditional Rendring https://reactjs.org/docs/conditional-rendering.html

6. Navigation https://reactnavigation.org/docs/getting-started/

7. Resuable Components

8. Reduxhttps://redux-toolkit.js.org/

9. TypeScript https://reactnative.dev/docs/typescript

Refrences

🔨 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

  • React Native Debugger
  • Flipper
  • reactotron

  Styling

• 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

Thanks for this insightful roadmap!