React Native: Beginner Practical Guide [2023]

Focused View

Fadi Nouh

7:42:05

68 View

1. Introduction

1. Introduction.mp4

02:31

2. How to use this course.html

3. If you get stuck and errors.html

4. Things change and technologies keep evolving.html

2. Setting in up requirements

1. Course Requirements.mp4

01:42

2. What is React Native.mp4

02:30

3. Expo CLI or React Native CLI.mp4

05:43

4. Installing NodeJS.mp4

02:16

5. Setting Up Development Environment.mp4

03:26

6. Setting Up Android.mp4

16:28

7. Setting Up iOS.mp4

03:10

8. Code Editor.mp4

01:36

9. Installing Extensions for Rapid Coding.mp4

04:27

3. Creating Your First React Native App

1. Create a React Native Project.mp4

12:40

2. Running on iOS Simulator.mp4

05:20

3. Running on Android Emulator.mp4

07:54

4. Running on your Mobile Devices using Vysor.mp4

10:03

5. Hello World App and Logging.mp4

06:30

6. Debugging with Chrome.mp4

03:41

7. Debugging with VSCode.mp4

09:44

4. Start Building our Movie App

1. Getting Movie Data - API Overview.mp4

10:36

2. Creating Movie App Project.mp4

06:04

3. Create Data Service - Display Popular Movies.mp4

10:27

4. Display Movie Data.mp4

08:39

5. Using Effects.mp4

05:22

6. Services Error Handling.mp4

04:45

7. Refactoring.mp4

07:00

5. Movies App Home Section

1. Creating Home Screen Component.mp4

07:46

2. Latest Movies Image Slider.mp4

09:27

3. Styling Movies Image Slider.mp4

10:59

4. Working with Movie Lists - Carousels.mp4

09:50

5. Create List Component.mp4

13:58

6. Create Card Component.mp4

11:09

7. Image Placeholder in Card Component.mp4

10:30

8. Type Checking in React Native.mp4

04:49

9. Adding ScrollView to Scroll Home Screen.mp4

01:49

10. Popular TV Shows - Family Movies - Documentaries.mp4

09:22

11. Refactoring.mp4

14:06

12. Add Loading Spinner.mp4

10:40

13. Add Error Component.mp4

09:38

6. Movies App Navigation

1. Installing React Native Navigation.mp4

08:37

2. Creating a Stack Navigator.mp4

06:12

3. Navigate to Movie Details Component.mp4

12:18

7. Movies App Movie Detail

1. Movies Detail Overview.mp4

01:03

2. Pass Selected Movie Data to Details Component.mp4

04:46

3. Movie Details Service.mp4

16:08

4. Movie Title and Genres.mp4

09:46

5. Movie Star-Rating Component.mp4

05:35

6. Using Icons in React Native.mp4

06:54

7. Movie Description and Release Date.mp4

07:16

8. Movie Play Button.mp4

13:23

9. Video Player Modal.mp4

13:02

10. Play a Movie within a Modal.mp4

10:05

11. Modal Closing Logic.mp4

08:34

8. Movies App Navigation Bar

1. Add Navigation Bar.mp4

10:27

2. Home Screen Navigation.mp4

10:08

3. Refactoring.mp4

04:49

9. Movies App Search Movies

1. Search Movies and TV Shows Service.mp4

04:52

2. Search Movie Screen.mp4

02:38

3. Search Form.mp4

11:36

4. Search Results.mp4

07:51

5. Merging Movies and TV Shows Results.mp4

02:34

10. Movie App Final Touches

1. App Theming.mp4

04:41

2. Styling Fixes.mp4

02:13

Description

Build a cross platform app for iOS and Android using React Native CLI

What You'll Learn?

Developers that want to deepen their knowledge with React Native CLI
Beginners that want to learn the complete stack of Mobile Development with React Native
Web Developers that want to build cross platform applications
Newcomers that want to learn fundamentals of React and React Native

Who is this for?

Beginners and developers that want to learn how to develop cross platform apps with React Native

What You Need to Know?

Some JavaScript knowledge. Computer and connection to internet

More details

Description
About This Course

React Native is growing at a fast pace, while more and more companies of any size are adopting it to build cross platform applications with a single code base.
In this course we aim to teach React Native flow and its secrets by building a real world project where we aim to have a solid foundation into React Native framework as well React Hooks and Functional Components.
You will build a mobile application targeted for both iOS and Android environment while you learn the responsiveness of the style, navigation between screens and get and manage data from an external API.
In this course you will learn:
- Set up your machine environment for React Native CLI development
- Build cross platform applications with React Native CLI
- Navigate between screens
- Navigate to screens dynamically
- Use of The Movie Database API
- Add custom styles
- Component base development
- React Hooks
- Functional Components
- Get Movies by genre
- Lists
- Search Movie Method
- Image Galleries
- Video Player and its commands
After this course you will be able to:
- Set up the system correctly
- Manage Errors a Debug React Native CLI applications
- Build applications from scratch
- Understand good architecture flow for an application
- Get data from the server using Axios
- Handle Data
- Display and render custom Lists
- Implement search methods
- Add external packages
- Tap in the native code of a iOS and Android application
We can't wait to have you in board with us.
See you there!
Who this course is for:
Beginners and developers that want to learn how to develop cross platform apps with React Native

User Reviews

Rating

average 0

Total votes0

Focused display

I, Fadi, am a full-stack web developer residing in the vibrant city of Prague, located in the heart of Europe!I am an individual who wears multiple hats as a full-stack web developer and designer. My true passion lies in crafting exquisite creations from the ground up. Since 2008, I have been diligently constructing websites and applications. Moreover, I possess a distinguished Master's degree in Software Engineering, bestowed upon me by the esteemed Universidad de Sevilla in Spain.During my collegiate years, a newfound love for instructing and aiding others blossomed within me. This ardor led me to become an esteemed educator, both at my university and prestigious private institutions.Machinery captivates me, and I have a particular affinity for programmable logic controllers (PLC) and human-machine interfaces (HMI). My endeavors perpetually strive to facilitate seamless communication between humans and machines.Over the course of more than a decade since my graduation, I have distilled my professional principles into the following::: Talent often receives exaggerated acclaim, while the essence of success lies in diligent toil. I ardently believe in and practice the virtues of "Hard work.":: The pursuit of knowledge knows no bounds. I perpetually harbor an insatiable curiosity for acquiring novel insights and mastering fresh skills.:: A well-rounded individual must be proficient in multiple languages. Thus, I have honed my abilities to converse in the dialects of the engineering realm, as well as those of teamwork, coordination, management, training, and presentation.:: The possession of skills is meaningless if one fails to apply them effectively, benefiting both businesses and individuals alike.

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.