Scribd
Upload
14 views

React Native Course

The document outlines a comprehensive 30-day React Native course by Suyog Shakya, covering topics from basic concepts to advanced features. Key subjects include component creation, state management, authentication, CRUD operations, and building a full-stack application. The course culminates in a final project presentation, emphasizing practical application and best practices.

Uploaded by

applelama04
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views

React Native Course

The document outlines a comprehensive 30-day React Native course by Suyog Shakya, covering topics from basic concepts to advanced features. Key subjects include component creation, state management, authentication, CRUD operations, and building a full-stack application. The course culminates in a final project presentation, emphasizing practical application and best practices.

Uploaded by

applelama04
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

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

You might also like