Build mobile apps with React Native: From ZERO to EXPERT

Focused View

Elina Hovakimyan

10:03:48

17 View

1. Introduction

1. Introduction.mp4

00:45

2. What we will build App Design Preview.mp4

02:25

3.1 Figma Link.html

3. Resources & Helpful Materials.mp4

01:41

2. Get Ready

1.1 React Native Documentation for Environment Setup.html

1.2 Visual Studio Code (Code Editor).html

1. Environment Setup.mp4

04:09

2. Create a React Native App (and some debugging).mp4

03:35

3. Exploring The Default App Code.mp4

09:19

4. Running on iOS.mp4

07:51

5. Running on Android.mp4

02:54

6. Running with Terminal.mp4

01:40

3. Basics of React Native

1.1 Introducing JSX by React.js.html

1. What is JSX.mp4

04:28

2.1 Insightful article about imports & exports in Javascript.html

2. Imports and Exports Creating components.mp4

09:49

3. Functional vs. Class Components.mp4

04:02

4. Explaining State for Functional and Class Components.mp4

08:19

5.1 Explaining lifecycles in class components.html

5. Lifecycles Explained.mp4

06:08

6. Props in Components.mp4

04:35

7.1 Interesting insights about styling.html

7. Understanding Styling.mp4

03:45

4. Project Structure & Splash Screen

1. Identifying Components.mp4

02:45

2. Project Structure.mp4

03:32

3. Building the Splash Screen.mp4

13:55

4. Button Component Pressable vs. TouchableOpacity.mp4

14:06

5. Colors Management.mp4

04:22

5. Authentication Screens & Components

1. Authentication Screens Preview.mp4

01:48

2. Creating Authentication Header.mp4

09:16

3. Building Input Component.mp4

11:31

4. Password Input Eye Toggling.mp4

07:20

5. Building Checkbox Component.mp4

08:40

6. Giving Custom Style to Reusable Components.mp4

02:12

7. Building Separator Component.mp4

04:53

8. React.memo What it is and Why to Use.mp4

03:18

9. Google Login component & native setup.mp4

21:36

10. Checking Google Login on Android & iOS.mp4

02:27

11. Using Environment Variables.mp4

03:05

12. Building Sign Up Footer Actions.mp4

04:56

13.1 Github branch link.html

13. Building Sign in Screen.mp4

02:33

6. Git Integration

1. Creating Github Repository & Git Initialization.mp4

03:26

2. Pushing Changes to Git.mp4

04:59

3. Git Branching System.mp4

07:09

7. Project Navigation

1.1 React Navigation Docs.html

1. React Navigation Introduction.mp4

04:01

2. Setup React Navigation.mp4

07:20

3. Manage Navigation Theme.mp4

01:40

4. Moving Between Screens.mp4

05:01

5. Hiding Default Navigation Header.mp4

02:21

6. Fixing Safe Area Issues.mp4

03:58

7. Setup Bottom Tabs.mp4

04:22

8.1 Github branch link.html

8. Customizing Tabs Design.mp4

04:31

9. Navigation Quiz.html

8. Managing Lists

1. Build App Header.mp4

12:12

2. Add Categories List.mp4

11:26

3. Add Products List.mp4

13:19

4. Filter by Categories.mp4

05:37

5. Filtering by Typing Keywords.mp4

07:31

6.1 Github branch link.html

6. Building Favorites List.mp4

09:23

9. Building the Detailed Screen

1. Pass Data Between Screens.mp4

06:56

2. Product Details Screen UI.mp4

10:04

3. Build Sticky Footer.mp4

12:01

4. Add Absolute Header.mp4

04:17

5. Build Image Carousel.mp4

16:47

6.1 Github branch link.html

6. Call or Email from the App.mp4

03:24

10. Building Profile Related Screens

1. Build Profile Screen.mp4

13:45

2. Add Settings Screen & Redirect to URLs.mp4

08:41

3. Edit Personal Information.mp4

12:09

4. Create New Listing Screen.mp4

03:59

5. Installing Image Upload Package.mp4

01:57

6. Image Upload Functionality.mp4

13:03

7. Add Image Deleting Option.mp4

09:19

8. Explaining Props Spreading.mp4

07:09

9. Use Keyboard Avoiding View.mp4

03:49

10. Building Custom Picker.mp4

20:11

11. Finalize Create New Listing Screen.mp4

03:42

12.1 Github branch link.html

12. Build My Listings UI.mp4

04:31

11. Integrating REST APIs

1.1 APIs explained.html

1.2 Interesting article about REST API.html

1. What is REST API.mp4

03:36

2.1 5 Essential HTTP Methods.html

2.2 9 HTTP Methods.html

2. REST API Methods Explained.mp4

04:52

3. Using Axios.mp4

07:56

4.1 Github branch link.html

4. Registering a New User with API Call.mp4

12:19

5. REST APIs & HTTP methods.html

12. Setting Up Global State

1.1 React Context Docs.html

1.2 Redux Documentation.html

1. Redux vs. React Context.mp4

06:37

2. Create User Context.mp4

04:49

3. User Authentication.mp4

15:08

4. Introduction to Async Storage.mp4

03:09

5. Save Auth Token to Storage.mp4

03:30

6.1 Github branch link.html

6. Identifying Authenticated Users After Killing the App.mp4

04:41

7. Global State & Storage Quiz.html

13. Connect Services & Profile to APIs

1. Connect Profile to APIs.mp4

08:49

2. Update Profile API Integration.mp4

04:27

3. Fetching Services from API.mp4

08:14

4. Showing Service Details & Favoriting.mp4

11:35

5. Filtering Favorite Items & Unfavoriting.mp4

08:25

6. Adding New Listing.mp4

07:59

7. Delete a Listing.mp4

01:43

8.1 Github branch link.html

8. Upload Image to Server.mp4

08:30

14. BONUS The Magic of Linting

1.1 Eslint Website.html

1. What is Linting.mp4

02:58

2. Integrate ESLint in the project.mp4

10:53

3.1 Github branch link.html

3. Last But Not Least.mp4

01:58

Description

All the knowledge you need to build enterprise mobile apps from scratch with all the high demanded features & more.

What You'll Learn?

Create a react native mobile app from scratch
The difference between functional and class components
Use React Context and React Hooks
Integrate REST APIs in the project
Tab Navigation with native navigation behavior
Fetch and show data, filter by categories and search by keyword
Implement login and signup via email and google
Upload images from the phone
Display swipeable image carousel
Email or make a phone call from the app
Link out to links outside of the app in the browser

Who is this for?

Beginner developers eager to learn mobile app development with React Native

What You Need to Know?

Basic knowledge of Javascript would be beneficial, but not required

More details

Description
In this course, we will build a complete product sharing app from scratch with React Native which will have all the commonly used features including going step by step and explaining the whole process.

You will learn about the basics of react native from setup, syntax & JSX introduction to navigation and state control. We will also get acquainted with advanced topics such as image carousel, google authentication, and image upload. You will learn what is REST API, how to use it, and integrate some endpoints into the project. And of course, the app will be cross-platform so all of this will be working for both Android & iOS.
You will learn about user authentication including storing the token to keep the user signed in. Also, we will build sophisticated app navigation with a bottom tab navigator and stack navigation. We will have a section. about git integration as well and improve our overall code thanks to formatting with ESLint. The

I have built over 30 diverse cross-platform mobile apps and this course includes all the most demanded features that almost every project needs. After completing this course, you can be confident to take on a new mobile app project and build it with React Native.

Who this course is for:
Beginner developers eager to learn mobile app development with React Native

User Reviews

Rating

average 0

Total votes0

Focused display

React Native

Elina Hovakimyan

Instructor's Courses

Hello, I am Elina! I am an enthusiastic mobile app developer with 6+ years of experience who loves working on diverse products and making the users enjoy the product more and more. I have built over 35 cross-platform mobile apps and each one is a unique experience! I am here to share my experience and enable you to make amazing apps. So go ahead and take one of my courses and start the exciting journey of a mobile app developer.

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.