tech-studies

React Native

2 min read

React Native

roadmap.sh: https://roadmap.sh/react-native

Suggested path through the React Native nodes. Each node links to its lesson when written.

Nodes

Prerequisites

  • Learn the Pre-requisites
  • JavaScript Basics
  • JSX
  • CSS Basics

Introduction

  • Introduction
  • React Native Alternatives
  • File Extensions

Environment setup

  • Environment Setup
  • Expo
  • Expo Tradeoffs
  • React Native CLI
  • create-expo-app
  • Expo Snack
  • Running on Device
  • Running on Android
  • Running on iOS

Core components

  • Core Components
  • Components
  • Props
  • State
  • View
  • Text
  • Image
  • ImageBackground
  • Button
  • Pressable
  • Modal
  • ActivityIndicator
  • StatusBar
  • RefreshControl
  • KeyboardAvoidingView
  • SafeAreaView

Layout & styling

  • Stylesheets
  • Layouts / Flexbox

Lists

  • ListViews
  • FlatList
  • SectionList
  • ScrollView
  • Optimizing FlatList Config

Interactions

  • Interactions
  • Gesture Handling
  • Scrolling / Swiping
  • Animations
  • Screen Navigation
  • Deep Linking

Networking

  • Networking
  • Fetch
  • Connectivity Status

Storage

  • Storage
  • React Native Async Storage
  • Expo SecureStore
  • Expo FileSystem
  • Expo SQLite
  • Other Storage Options

Device features

  • Accessibility
  • Authentication
  • Security
  • Push Notifications
  • Platform Module

Development workflow

  • Development Workflow
  • DevTools
  • Metro Bundler
  • Enabling Fast Refresh
  • In-App Developer Menu
  • LogBox
  • Sourcemaps

Debugging & profiling

  • Common Problem Sources
  • Profiling
  • Performance
  • RAM Bundles / Inline Requires
  • Speeding Up Builds

Testing

  • Jest
  • React Native Testing Library
  • React Test Renderer
  • Detox
  • Appium

Publishing

  • Publishing Apps
  • Apple App Store
  • Google Play Store
  • Store Listings
  • React Native Web

Resources

See resources.md.

Project ideas

  • Build a cross-platform habit tracker with Expo, AsyncStorage persistence, push-notification reminders, and animated streak charts.
  • Build a photo-feed app with FlatList virtualization, infinite scroll via Fetch, image caching, and a deep-linkable detail screen.
  • Build an offline-first notes app with Expo SQLite, SecureStore-backed auth, and a Detox end-to-end test suite, then publish to TestFlight.

1 item under this folder.