Skip to content

aqibmunir8/React-Native

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native & Expo: Net Ninja (2026)

A branch-synced React Native learning repository following the Net Ninja React Native from setup to production-ready application patterns.

Last Updated Last Updated Notion YouTube React Native

✍️ Personal Notes

Detailed implementation notes, code explanations, screenshots, and learning references are documented in Notion and inside individual lesson branches.

Notes : Notion Notes of React Native <- 👈🏻

NetNinja

🗺️ Master Curriculum & Branch Mapping

Each video link below corresponds to a specific Branch in this repository. Switch branches to see the exact code, logic, and visual notes (SS) for that stage.

# Lesson Description YouTube Link Source Branch
01 Intro & Setup Watch video-1-Intro-Setup
02 Text, View & Image Components Watch video-2-Text-View-Image
03 File-Based Navigation Watch video-3-File-Based-Navigation
04 Layouts and Stack Navigation Watch video-4-Layouts-Stack
05 Light & Dark Modes Watch video-5-light-and-dark-theme
06 Themed UI Components Watch video-6-Themed-UI-Components
07 Route Groups & Nested Layouts Watch video-7-Route-groups-And-Nested-layouts
08 Pressable Component Watch video-8-Pressable-Component
09 Tabs Navigation Watch video-9-Tabs-Navigation
10 Tab Bar Icons Watch video-10-Tabs-Bar-Icons
11 Safe Area View Watch video-11-Safe-Area-View
12 Backend Setup (Appwrite) Watch video-12-Backend-setup-with-AppWrite
13 Login and Signup Forms Watch video-13-Login-and-Signup-Forms
14 Making an Auth Context Watch video-14-Making-Auth-Context
15 Logging Users In Watch video-15-Logging-Users-In
16 Showing Error Messages Watch video-16-Showing-Error-Messages
17 Logging Users Out Watch video-17-Logging-Users-Out
18 Initial Auth State Watch video-18-Initial-Auth-State
19 Protecting Routes Watch video-19-Protecting-Routes
20 Activity Indicators Watch video-20-Activity-Indicators
21 Database Setup Watch video-21-Database-Setup-Appwrite
22 Books Context Watch video-22-Books-Context
23 Creating New Records Watch video-23-Creating-New-Records
24 Fetching Book Records Watch video-24-Fetching-Book-Records
25 FlatList Components Watch video-25-Using-the-FlatList-Components
26 Real-Time Data Sync Watch video-26-Real-Time-Data
27 Dynamic Routes Watch video-27-Dynamic-Routes
28 Fetching Single Records Watch video-28-Fetching-Single-Records
29 Deleting Books Watch video-29-Deleting-Books

Overview

This repository documents the complete learning journey through the Net Ninja React Native series using React Native, Expo, and Expo Router.

The project is structured as a branch-synced learning repository, where every lesson exists in its own Git branch. Each branch contains the exact codebase, implementation state, and notes for that stage of the tutorial.

The goal is simple:

  • Learn React Native from scratch
  • Understand modern Expo-based mobile development
  • Practice real-world application architecture
  • Revisit any lesson without digging through commit history

This repository is designed for:

  • Developers learning React Native
  • React developers moving into mobile development
  • Students following the Net Ninja series
  • Developers who prefer structured, incremental learning

What You Will Learn

By following this repository, you will learn:

  • React Native fundamentals
  • Expo and Expo Router
  • File-based navigation
  • Stack and tab navigation
  • Authentication flows
  • Context API state management
  • Theme systems (light/dark mode)
  • Appwrite backend integration
  • CRUD operations
  • Dynamic routing
  • Real-time database synchronization
  • Mobile UI patterns and reusable components

Prerequisites

Before starting, you should have:

  • A good understanding of JavaScript
  • Basic knowledge of React
  • Familiarity with components, props, hooks, and state

If you are completely new to JavaScript or React, this repository will move too fast.


🌿 Switching Between Lessons

Each lesson is isolated into its own Git branch.

Each lesson is stored in its own Git branch, so you can jump to any stage of the project without digging through commits like an archaeologist searching for lost civilization fragments.

Example:

𝗴𝗶𝘁 𝗰𝗵𝗲𝗰𝗸𝗼𝘂𝘁 𝘃𝗶𝗱𝗲𝗼-10-𝗧𝗮𝗯𝘀-𝗕𝗮𝗿-𝗜𝗰𝗼𝗻𝘀

✍️ Support the Journey

This is my first high-level documentation project. If you find these notes or the branch-sync system useful:

  1. Star this repo ⭐ - It helps other learners find this reference.
  2. Fork it - Learn and Build your own "Shelfie" app.
  3. Contribute - Found a bug or a better way to do things? PRs are welcome!

Developed by [aqibmunir8](https://github.com/aqibmunir8) // 2026 Edition

🎯 Purpose

This repo exists for:

  • Learning React Native
  • Practicing Expo Router
  • Tracking progress across lessons
  • Future revision without rewatching 9 hours of tutorials because memory is a scam