React Native - The beginner guide (2024 Edition)

React Native : The beginner guide (2024 Edition), available at $89.99, has an average rating of 4.58, with 113 lectures, based on 377 reviews, and has 2679 subscribers.

You will learn about Build native cross-platforms app for Android et IOS with the same code Learn all the React / React Native core concepts Push notifications Hooks / Contexts Routing and navigation Use the last Javascript version: ES6 Style your app with JSS Make asynchronous requests to consume an API Discover expo to increase your development speed Learn how to use a debugger Flex-box system Use the AsyncStorage to persist data in your app Access the mobile images gallery Build cool animations This course is ideal for individuals who are Javascript developpers that want to learn how to make a cross-platform mobile app. or React developpers that want to be able to also develop cross-platform mobile app. It is particularly useful for Javascript developpers that want to learn how to make a cross-platform mobile app. or React developpers that want to be able to also develop cross-platform mobile app.

Enroll now: React Native : The beginner guide (2024 Edition)

Summary

Title: React Native : The beginner guide (2024 Edition)

Price: $89.99

Average Rating: 4.58

Number of Lectures: 113

Number of Published Lectures: 113

Number of Curriculum Items: 113

Number of Published Curriculum Objects: 113

Original Price: 84.99

Quality Status: approved

Status: Live

What You Will Learn

Build native cross-platforms app for Android et IOS with the same code

Learn all the React / React Native core concepts

Push notifications

Hooks / Contexts

Routing and navigation

Use the last Javascript version: ES6

Style your app with JSS

Make asynchronous requests to consume an API

Discover expo to increase your development speed

Learn how to use a debugger

Flex-box system

Use the AsyncStorage to persist data in your app

Access the mobile images gallery

Build cool animations

Who Should Attend

Javascript developpers that want to learn how to make a cross-platform mobile app.

React developpers that want to be able to also develop cross-platform mobile app.

Target Audiences

Javascript developpers that want to learn how to make a cross-platform mobile app.

React developpers that want to be able to also develop cross-platform mobile app.

In this new edition of React Native, learn how to quickly build ultra-modern , cross-platform mobile applications (working on both Android and IOS) !

React Native is like React’s little brother. It is developed by Facebook, with a “Learn once, write everywhere” policy.

React Native will allow you to develop native mobile applications running on IOS and Android with the same code, a real revolution!

This technology is exploding and is in high demand in the job market.

React Native uses the React library which allows web developers to get started quickly.
You will discover that developing a mobile app with React Native is a lot like web development.

We are going to use Expo, the most used tool to create apps in 2 steps 3 moves.

With it, we will be able to code have live updates on a real smartphone on an emulator.

Also we will be able to share our app in a snap.

Goodbye mobile development with endless compilation times!

We will start together from the beginning and discover ReactJS and ReactNative in this course, so don’t worry if you don’t know React. The course will be progressive and we will develop several apps together.

Summary :

– The basic concepts of React

– Create a React Native application with Expo

– Styling

– The flexbox system

– Navigate between pages and send parameters using react-navigation

– Permissions

– Geolocation

– Push-notifications

– Access the smartphone gallery

– Create a notification server

– Communicate with an API

– Learn to use ES6 functions (map, find )

– Animations

See you soon!

??Codiku.

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

Instructors

Robin Lebhar
Full stack developer / Dev teacher in Engineer school

Rating Distribution

1 stars: 3 votes

2 stars: 4 votes

3 stars: 26 votes

4 stars: 90 votes

5 stars: 254 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!