Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
0 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
Available Formats
Download as PDF, TXT or read online on Scribd
0 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
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