React Native : The beginner guide (2024 Edition)

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: React Native ?

Lecture 3: Expo GO ?

Lecture 4: React ?

Chapter 2: Installation

Lecture 1: Environment

Lecture 2: Mobile, Emulator, Simulator what to choose ?

Lecture 3: Using a real device , quick note

Lecture 4: Using a real device

Lecture 5: Android Emulator – Mac and Linux

Lecture 6: Android Emulator – Windows

Lecture 7: Simulator IOS – Mac

Chapter 3: Get some help

Lecture 1: Github Codiku

Lecture 2: VS code theme and plugins

Chapter 4: The core concepts

Lecture 1: Project quick tour

Lecture 2: Creating your first component

Lecture 3: Formating my code

Lecture 4: Styling

Lecture 5: Flex-box system

Lecture 6: Practicing : Creating a profil card part 1

Lecture 7: Practicing : Creating a porfil card part 2

Lecture 8: Props

Lecture 9: Children props

Lecture 10: Conditionnal rendering

Lecture 11: States

Lecture 12: Unexpected useState behaviours

Lecture 13: Callback functions

Lecture 14: Using callbacks into our Profile Card

Lecture 15: Detect the platform

Chapter 5: Our first real App ! Temperature converter

Lecture 1: Introducing the app + starter

Lecture 2: Layout

Lecture 3: Text input

Lecture 4: Component DisplayTemperature

Lecture 5: Converting the temperature

Lecture 6: Button : Toggle units

Lecture 7: Core concept : useEffect hook

Lecture 8: Changing the background programmatically

Chapter 6: New App : Task list !

Lecture 1: Introducing the app

Lecture 2: Creating the app

Lecture 3: Layout

Lecture 4: Header and Splash screen

Lecture 5: Card component

Lecture 6: ES6 map function

Lecture 7: Scrollable list of card

Lecture 8: Spread operator

Lecture 9: Updating the status of a card

Lecture 10: Tab bottom menu – Selecting a tab

Lecture 11: ES6 filter

Lecture 12: ES6 reduce function

Lecture 13: Filter notes

Lecture 14: Delete a todo

Lecture 15: Add a todo

Lecture 16: Handling errors with Try, Catch, Finally and Throw

Lecture 17: AsyncStorage : Persisting our data

Lecture 18: Discovering the hook : useRef

Lecture 19: Using useRef to scroll at the bottom of the list

Chapter 7: App : Real Time Weather and Forecast

Lecture 1: Introducing the project

Lecture 2: Creating the app

Lecture 3: Layout and Background

Lecture 4: Open Weather API

Lecture 5: [ANDROID EMULATOR ONLY] : GPS settings

Lecture 6: [IOS SIMULATOR ONLY] : GPS settings

Lecture 7: ES6 Destructuring Assignment

Lecture 8: ES6 Promises – Async/Await

Lecture 9: Ask for permissions and get the user coordinates

Lecture 10: Fetch the weather data

Lecture 11: Expo debugger is now built in !

Lecture 12: Debugger

Lecture 13: Using custom fonts

Lecture 14: MeteoBasic layout

Lecture 15: Weather interpretations

Lecture 16: Responsive texts

Lecture 17: Info about next video

Lecture 18: UseEffect cleanup function

Lecture 19: Digital clock

Lecture 20: Fetching the city using reverse geocoding

Lecture 21: MeteoAdvanced layout

Lecture 22: Filling MeteoAdvanced with data

Lecture 23: React Navigation : setup

Lecture 24: Navigate and send parameters to a Screen

Lecture 25: Header and navigate to previous page

Lecture 26: Forecast list item

Lecture 27: Render multiples ForecastListItem

Lecture 28: Search bar component

Lecture 29: Prevent keyboard from pushing the content

Lecture 30: Searching by city and errors handling

Chapter 8: Push notifications

Lecture 1: Push notification flow explained

Lecture 2: Preparing our server to send notifications

Lecture 3: Note about projectId

Lecture 4: Ask Permissions and get a token

Lecture 5: Getting data from a notification

Chapter 9: Accessing the photo gallery

Lecture 1: Photo gallery