Phone

+91 (911) 566-0070

Gmail

unlockcoding98@gmail.com

30-Day React Native Study Plan

Week 1: JavaScript + React Foundations

Goal: Strong base before React Native

Day 1

  • JavaScript basics review

  • let, const, variables, data types

  • Practice small examples

View Syllabus

Day 2

  • Arrow functions

  • Template literals

  • Destructuring

  • Spread operator

Day 3

  • Arrays & objects

  • map, filter, reduce

  • Practice with real data

Day 4

  • Promises

  • async / await

  • Fetching dummy API data

Day 5

  • React fundamentals

  • Components

  • JSX

  • Props

Day 6

  • State in React

  • useState

  • useEffect

Day 7

  • Small React project

  • Simple Counter or To-Do App

  • Review & revise week 1

Goal: Understand mobile components & styling

Day 1

  • What is React Native?

  • Expo vs CLI

  • Install Expo & create first app

Day 2

  • Core components

  • View, Text, Image

  • ScrollView

Day 3

  • User input

  • TextInput

  • Button

  • TouchableOpacity

Day 4

  • Styling in React Native

  • StyleSheet

  • Flexbox (important)

Day 5

  • Lists & rendering

  • FlatList

  • SectionList

Day 6

  • Handling images & icons

  • Expo icons

  • Local & remote images

Day 7

  • Mini Project

  • Mobile UI App (Home screen design)

  • Review week 2

Goal: Build multi-screen apps

Day 1

  • Introduction to navigation

  • Install react-navigation

Day 2

  • Stack Navigation

  • Screen transitions

Day 3

  • Tab Navigation

  • Drawer Navigation

Day 4

  • Passing data between screens

  • Params & props

Day 5

  • API integration

  • Fetch / Axios

  • Loading & error states

Day 6

  • Forms & validation

  • Login & Signup UI

Day 7

  • Project

  • API-based App (News or Products App)

Goal: Become job-ready

Day 1

  • Context API

  • Global state management

Day 2

  • AsyncStorage

  • Save data locally

Day 3

  • Authentication flow

  • Login / Logout logic

Day 4

  • Firebase basics

  • Auth or Firestore

Day 5

  • Performance basics

  • Reusable components

Day 6

  • App UI polish

  • Animations (basic)

  • Better UX

Day 7

  • Final Project Start

  • Restaurant Ordering App / E-commerce App