React Native: Beginner Practical Guide [2023]

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

Requirements

Some JavaScript knowledge. Computer and connection to internet

Description

About This CourseReact 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 commandsAfter 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 applicationWe can't wait to have you in board with us.See you there!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 How to use this course

Lecture 3 If you get stuck and errors

Lecture 4 Things change and technologies keep evolving

Section 2: Setting in up requirements

Lecture 5 Course Requirements

Lecture 6 What is React Native?

Lecture 7 Expo CLI or React Native CLI

Lecture 8 Installing NodeJS

Lecture 9 Setting Up Development Environment

Lecture 10 Setting Up Android

Lecture 11 Setting Up iOS

Lecture 12 Code Editor

Lecture 13 Installing Extensions for Rapid Coding

Section 3: Creating Your First React Native App

Lecture 14 Create a React Native Project

Lecture 15 Running on iOS Simulator

Lecture 16 Running on Android Emulator

Lecture 17 Running on your Mobile Devices using Vysor

Lecture 18 Hello World App and Logging

Lecture 19 Debugging with Chrome

Lecture 20 Debugging with VSCode

Section 4: Start Building our Movie App

Lecture 21 Getting Movie Data - API Overview

Lecture 22 Creating Movie App Project

Lecture 23 Create Data Service - Display Popular Movies

Lecture 24 Display Movie Data

Lecture 25 Using Effects

Lecture 26 Services Error Handling

Lecture 27 Refactoring

Section 5: Movies App: Home Section

Lecture 28 Creating Home Screen Component

Lecture 29 Latest Movies Image Slider

Lecture 30 Styling Movies Image Slider

Lecture 31 Working with Movie Lists - Carousels

Lecture 32 Create List Component

Lecture 33 Create Card Component

Lecture 34 Image Placeholder in Card Component

Lecture 35 Type Checking in React Native

Lecture 36 Adding ScrollView to Scroll Home Screen

Lecture 37 Popular TV Shows - Family Movies - Documentaries

Lecture 38 Refactoring

Lecture 39 Add Loading Spinner

Lecture 40 Add Error Component

Section 6: Movies App: Navigation

Lecture 41 Installing React Native Navigation

Lecture 42 Creating a Stack Navigator

Lecture 43 Navigate to Movie Details Component

Section 7: Movies App: Movie Detail

Lecture 44 Movies Detail Overview

Lecture 45 Pass Selected Movie Data to Details Component

Lecture 46 Movie Details Service

Lecture 47 Movie Title and Genres

Lecture 48 Movie Star-Rating Component

Lecture 49 Using Icons in React Native

Lecture 50 Movie Description and Release Date

Lecture 51 Movie Play Button

Lecture 52 Video Player Modal

Lecture 53 Play a Movie within a Modal

Lecture 54 Modal Closing Logic

Section 8: Movies App: Navigation Bar

Lecture 55 Add Navigation Bar

Lecture 56 Home Screen Navigation

Lecture 57 Refactoring

Section 9: Movies App: Search Movies

Lecture 58 Search Movies and TV Shows Service

Lecture 59 Search Movie Screen

Lecture 60 Search Form

Lecture 61 Search Results

Lecture 62 Merging Movies and TV Shows Results

Section 10: Movie App: Final Touches

Lecture 63 App Theming

Lecture 64 Styling Fixes

Section 11: Bonus Section

Lecture 65 Bonus Lecture

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