Develop & Deploy Mobile Apps with React Native & Expo

Focused View

Ranjan Pandey

4:20:35

96 View

1. Introduction & Installation

1. Course Introduction.mp4

05:10

2. About Your Instructor.html

3. What is React Native.mp4

05:24

4. Working of React Native apps.mp4

05:34

5. Installation and Setup process for Local development.mp4

09:14

2. Basics of React Native & Core Components

1. Creating first React Native app and running on Phone.mp4

10:49

2. Understanding files and folder structure.mp4

04:13

3. React Native Core Components.mp4

04:13

4. Styling components in React Native.mp4

04:14

5. Dos and Donts while using React Native core components.mp4

03:57

6. Dos and Donts while using Styling.mp4

06:25

3. Developing Task Manager Mobile App

1. Task Manager App Layout Styling.mp4

04:05

2. Layout styling with Flexbox.mp4

09:20

3. Dividing vertical spaces for different section.mp4

12:00

4. Creating State Variables and Functions for Task and Tasklist.mp4

04:27

5. Adding new task and Showing all Tasks on screen.mp4

06:03

6. Styling the Task List section.mp4

07:37

7. Making content scrollable with ScrollView.mp4

07:09

8. FlatList vs ScrollView.mp4

01:49

9. Exploring FlatList and its usage.mp4

16:53

10. Creating new component Task Item.mp4

05:28

11. Creating new Add Task Component.mp4

08:40

12. Conditional or Dynamic Rendering.mp4

02:34

13. Implement the Tap functionality for deleting a Task.mp4

02:53

14. Implement Delete Task Logic.mp4

04:30

15. Adding Validation for Mandatory fields.mp4

02:32

16. Styling the Pressed Task.mp4

03:15

17. Adding Modal Popup for Adding New Task.mp4

06:03

18. Adding sliding animation to modal popup.mp4

01:28

19. Styling Modal - Part-1.mp4

06:24

20. Styling Modal - Part-2.mp4

01:14

21. Hide Modal on cancel.mp4

02:09

22. Adding Image to the App.mp4

05:26

23. Build and Generate APK file for testing and production.mp4

07:19

4. React Navigation and Routing

1. Creating new react native app.mp4

00:56

2. Building the new app.mp4

01:30

3. Installing React Navigation Libraries.mp4

04:37

4. Creating Home and Dashboard components with the help of VS code extension.mp4

03:02

5. Adding Navigations and Default Navigation.mp4

07:53

6. Navigate between components from Javascript.mp4

07:22

7. Passing Data between components while navigating.mp4

04:35

8. Implementing Go Back functionality.mp4

01:49

9. Taking User Input and Sending it to Next Component.mp4

06:05

5. Develop Movie App Calling REST API from the App

1. Create Movie component and add Routing.mp4

03:13

2. Create movie search box and search button.mp4

04:56

3. Write REST API call and Fetch all Matching Movies.mp4

05:40

4. Looping through the Movie List and displaying all movies.mp4

08:41

5. Showing Movie Image along with other information.mp4

02:57

6. Create an Android Build and generate the APK file for your phone.mp4

07:20

7. Downloading and Installing APK on your phone.mp4

01:28

6. Source Code

1. Project One Code.html

2. Project Two Code.html

Description

Learn to Develop & Deploy Mobile Apps with React Native and Expo without the need of installing Android Studio or Xcode

What You'll Learn?

You will learn the basic concepts of React Native
You will learn to use React Native core components like Flatlist, Scrollview, Modal, Button, View, TextInput, Text etc etc
You will learn to develop & debug on phone with screen mirroring
You will learn to implement navigation and routing in your native mobile app
You will learn to make REST API calls from your app
You will learn to build executable files from same codebase for android and ios devices
You will develop two projects and also get the complete source code

Who is this for?

Anyone who wants to learn to develop mobile apps for android and ios from same codebase using React Native

More details

Description
In this course, you will learn everything about React Native, and how it differs from ReactJS. You will learn about various tools required for developing and deploying native mobile apps that can run both on Android and iOS.
The best part is you will only need a code editor along with a mobile phone, you do not need any heavy software like an android studio or xcode for developing mobile apps that will run on both android and ios devices.
You will learn the following topics:
What is React Native
Working of React Native apps
Installation and Setup process for Local development
Creating first React Native app and running on Phone
Understanding files and folder structure
React Native Core Components
Styling components in React Native
Do's and Don'ts while using React Native core components
Do's and Don'ts while using Styling
Task Manager App Layout Styling
Layout styling with Flexbox
Dividing vertical spaces for different section
Creating State Variables and Functions for Task and Tasklist
Adding new task and Showing all Tasks on screen
Styling the Task List section
Making content scrollable with ScrollView
FlatList vs ScrollView
Exploring FlatList and its usage
Creating new component Task Item
Creating new Add Task Component
Conditional or Dynamic Rendering
Implement the Tap functionality for deleting a Task
Implement Delete Task Logic
Adding Validation for Mandatory fields
Styling the Pressed Task
Adding Modal Popup for Adding New Task
Adding sliding animation to modal popup
Styling Modal - Part-1
Styling Modal - Part-2
Hide Modal on cancel
Adding Image to the App
Build and Generate APK file for testing and production
Creating new react native app
Building the new app
Installing React Navigation Libraries

Who this course is for:
Anyone who wants to learn to develop mobile apps for android and ios from same codebase using React Native

User Reviews

Rating

average 0

Total votes0

Focused display

I am a Fullstack DevOps software professional with 12+ years of experience in variety of technologies ranging from web and mobile app development using HTML5, CSS3, JavaScript, JQuery, Bootstrap, Angular, React, Java, Spring, Springboot, Python, Flask, Django, NodeJS, Express, Android, Ionic, React Native, Flutter, Camunda Bpm to Artificial Intelligence and Cloud technologies like Amazon web services and Microsoft Azure.I am also certified in Java, Azure cloud, Backbase product.I have experience in working with multiple MNC's and European clients. I am also a corporate trainer providing a wide range of training.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.