Practice React native
Lessons, exercises, and projects about react native
Browse our list of curated database of projects, exercises, and lessons to learn react native
1hrs average
Practice modular architecture in a React Native CLI + TypeScript app by restructuring the existing Movie Catalogue into independent features (Movies and Categories). You'll create feature entry points, local Zustand stores, and shared utilities — all with local data and no external APIs.
Master high-performance dynamic interfaces with FlatList, FlashList, Reanimated 3, and Gesture Handler v2. Learn optimizations, 60 FPS animations, and native gestures.
Complete React Navigation guide by Callstack: learn Stack, Tab and Drawer navigation, TypeScript typing, deep linking, and advanced patterns for enterprise apps. Everything you need to know about professional navigation in React Native CLI.
2hrs average
Build a mobile app that lets users explore a movie catalogue, view details, and navigate through different categories using react. Work entirely with local data from data/movies.ts (no APIs, no global state). Perfect to master navigation and parameter typing in React Native.
8hrs average
Build a simple mobile app that lets users record their daily mood (Happy, Neutral, Sad), see the current mood, and browse a recent history. Practice useState for local state, useEffect for lifecycle (no fetch), conditional rendering, and FlatList for performant lists. Perfect for getting started with React Native + TypeScript.
Learn to structure your React Native projects professionally and scalably using a modular architecture with TypeScript. Practical guide with real examples.
2hrs average
Expand your previous movie catalogue app by adding global state management with Zustand. Implement features for favorites, category filtering, and title search, using selectors and shallow comparison to minimize re-renders.
Comprehensive guide to getting started with React Native CLI; set up your development environment for iOS and Android, master the fundamental components (View, Text, Image, ScrollView), and the props system to build cross-platform mobile apps from scratch.
Discover advanced navigation techniques in React Native with Expo Router: how to create complex nested routes, dynamically customize headers, and build conditional flows based on authentication state. Take your apps to the next level.
A practical and beginner-friendly guide to understanding how React Native manages component state, lifecycle effects, and conditional rendering using TypeScript. Learn how UI reacts automatically as data changes through real examples.
Practical guide to measure, diagnose and optimize performance in React Native using Hermes, Flipper and Systrace. Real debugging cases with measurable solutions.
Practical Zustand guide for mobile developers coming from Kotlin and Swift. Learn to manage global state in React Native without complications.
Dive into the world of advanced React Native hooks and component composition with TypeScript in this beginner-friendly tutorial. Learn practical tools like useRef for managing references and mutable values, useMemo for optimizing calculations, and useCallback for function memoization. Explore how to create custom hooks to reuse logic across components and master composition patterns like compound components to build flexible, maintainable UIs. Through hands-on coding exercises and quizzes, you’ll gain skills to improve performance and code quality in real-world mobile applications. This 60-minute course is designed to take you from basic hooks to advanced techniques, ensuring you can apply these concepts immediately in your projects.
Learn how to implement navigation in React Native using Expo Router and React Navigation. Discover how to structure routes, pass parameters between screens, and choose between Stack and Tab navigation to create scalable and maintainable mobile apps.