React Native for Multiplatform App Development

Pre-Course Survey
Discussion Forum: React Native
Getting Started
Full Stack Web Development
2 Topics
01. What is Full Stack Web Development
02. Library and Framework
Setting Up the Environment
2 Topics
01. Installing Visual Studio Code
02. Node.Js and NPM
Version Control with Git
4 Topics
01. Setting Up Git
02. Git Commit
03. More Git Commands
04. Online Git Repositories
Diving Into React Native
Intro and Setup
4 Topics
1. What is React Native
2. Prerequisites and Requirements
3. Creating first React Native App
4. Running Application
React Native Basics
9 Topics
1. React Native Components
2. Styling Native Components
3. Managing State with Text Input and Button
4. Creating Component
5. Touchable and Scrollable View
6. Dynamic List
7. Cleaning App.js
8. Adding Modal
9. Completing Modal by Adding Image and Other Details
Redux with React Native
Redux Basics (Refresher)
5 Topics
1. Complexity of Managing State
2. Redux Flow
3. Store and Reducer
4. Dispatching Actions
5. Store Subscription
Using Redux in Our App
3 Topics
1. Creating and Connecting Redux Store
2. Dispatching Action to Add Place
3. Dispatching Action to Delete Place
Icons and Navigation
Using Third Party Libraries for Icons
2 Topics
1. Adding Icon Library
2. Completing the Icon
Navigation
4 Topics
1. Setting Up Navigation
2. Navigate to a Screen
3. Tab Navigation
4. Adding Icons in Tab
Using Native Features of Device
Adding Image Picker
4 Topics
1. Splitting Main Component
2. Setting Up Image Picker
3. Building Share Places Component
4. Adding Image to Redux Store
REST API and Authentication
REST API (Refresher)
3 Topics
1. Client-Server Communication (HTTP)
2. REST API
3. Examples of REST API
Managing Data Using REST API
2 Topics
1. Using Google Firebase to Store Data
2. Storing and Loading Images
Authentication
8 Topics
1. Styling Input Fields
2. Switching Views
3. Handling Authentication Inputs
4. Signing Up New User
5. Handling Authentication
6. Signing In User
7. Access Data with Auth Token
8. Adding Logout Option
Finishing It Up
Restaurant Project
18 Topics
1. Creating project with expo
2. Setting up project
3. Expo constant and platform based styling
4. Nested navigation
5. Adding redux
6. Creating getDishes
7. Firebase Setup
8. Creating menuScreen
9. Styling MenuScreen
10. Navigation to DishdetailScreen
11. Styling navigation Header
12. Adding icon to Header
13. USE icon to Open Drawer
14. Add to favourite icon
15. Creating favourite Screen
16. Designing item Card
17. Remove favourite Function
18. Presseble and alert component
User Feedback on This Course
Previous Topic
Next Topic

8. Adding Modal

React Native for Multiplatform App Development React Native Basics 8. Adding Modal

Download Material For This Video: Click Here.

Previous Topic
Back to Lesson
Next Topic
×
×

Cart