React Native
React Native Course with Digital Pathshala
By Suyog Shakya
React Native
Day 1: Introduction To React Native
• What is React Native?
• Features of React Native
• Installing React Native
• Setting up Android Emulator
Day 2: Folder Structure and First App
• Understanding React Native Folder Structure
• Creating First React Native Project
• Running the App in Emulator
• Code Snippets (ES7 + React/Redux/React-Native Snippet / rnfe)
Day 3: React Native Basic Components
• View, Text and Button Component
• Image Component
• Pressable vs Touchable Components
Day 4: Components and JSX
• What are Components?
• Functional vs class components
• Importing and exporting components
• Understanding JSX
• Expression and variables in JSX
Day 5: Styling in React Native
• Inline Styling, Internal Styling, External Styling
• Using StyleSheet API
• Precedence of style
Day 6: Handling Buttons and Text Input
• Button component & onPress Event
• TextInput component & Handling Input
• Placeholder, secureTextEntry, onChangeText
• Creating simple login form
React Native
Day 7: State management & hooks
• What is State?
• useState Hook
• Updating state dynamically
• Creating counter app
Day 8: Props in React Native
• What is parent child component?
• What is props? (Property)
• Passing data between components
• Parent Child Component Communication
Day 9: List & Rendering Data
• Using Flatlist in React Native
• Initializing custom dummy data in JSON
• Using FlatList Component
• Data property, renderItem property, keyExtractor property
• contentContainerStyle property
Day 10: Modal & Dialog Boxes
• Modal Component
• Showing and hiding modal
• Styling modal
• Alert component
Day 11: React Navigation
• Installing React Navigation
• Stack Navigator
• Tab Navigator
• Drawer Navigation
Day 12: Authentication Basics
• Understanding Authentication
• Creating Login & Signup Form
• Validating User Input
React Native
Day 13: Firebase Authentication
• Setting up Firebase in React Native
• Email & Password Authentication
• Google Authentication
• Storing User Session
Day 14: Protected Routes & User Session
• Navigating Based on Authentication Status
• Implementing Protected Routes
• Logging out Users
Day 15: Context API & State management
• Understanding Context API
• Global State Management
• Using Context API for User Authentication
Day 16: Introduction to APIs in React Native
• What is an API?
• Fetching Data using Fetch API & Axios
• Using useEffect for API Calls
Day 17: Building a CRUD App (Task Manager App)
• Setting up JSON Server as Fake API
• Fetching Data from API
• Displaying API Data using FlatList
Day 18: CRUD – Create (POST Method)
• Creating a New Task
• Handling Form Submission
• Sending Data to API using POST Request
Day 19: CRUD – Read & Update (PUT/PATCH Method)
• Editing & Updating Tasks
• Using PUT vs PATCH methods
React Native
Day 20: CRUD – Delete (DELETE Method)
• Implementing Delete Functionality
• Confirmation Dialog before Deleting
• Refreshing Data after Deleting
Day 21: AsyncStorage and Local Storage
• Storing Data Locally
• Using AsyncStorage for storing small data
• Clearing storage on logout
Day 22: Working with Permission & Device Features
• Accessing Camera & Gallery
• Using Image Picker
• Accessing Location
Day 23: Notification & Background Tasks
• Implementing Push Notifications
• Local Notifications
• Running Background Tasks
Day 24 – 29: Final Project – Full stack React Naive App
• Building a Social Media APP
o User Authentication (Login, Signup)
o Profile Creation & Edit
o CRUD Operations (Post, Edit, Delete Content)
o Image Upload & Gallery
o Like and Comment System
o Firebase for Backend & Database
o Push Notifications
o UI/UX Enhancements
Day 30: Project Presentation & Course Completion
• Presenting Final Project
• Code Review and Best Practices
