React Native : The beginner guide (2023 Edition)

Focused View

Robin Lebhar

11:52:23

167 View

1 - Introduction

1 - Introduction.mp4

00:51

2 - React Native.mp4

05:11

3 - Expo GO.mp4

04:35

4 - React.mp4

05:13

2 - Installation

5 - Environment.mp4

04:02

6 - Mobile Emulator Simulator what to choose.html

7 - Using a real device.mp4

03:15

8 - Android Emulator Mac and Linux.mp4

07:00

9 - Android Emulator Windows.mp4

06:22

10 - Simulator IOS Mac.mp4

05:18

3 - Get some help

11 - Github.txt

11 - Github Codiku.mp4

03:21

12 - VS code theme and plugins.html

12 - extensions-EN.pdf

4 - The core concepts

13 - Project quick tour.mp4

07:07

14 - Creating your first component.mp4

06:58

15 - Formating my code.mp4

02:02

16 - Git branch.txt

16 - Styling.mp4

08:35

17 - Flexbox system.mp4

09:59

17 - Git branch.txt

17 - flex-box-cheat-sheet.pdf

18 - Avatar image generator.txt

18 - Git branch.txt

18 - Practicing Creating a profil card part 1.mp4

09:35

18 - Shadow generator.txt

18 - mockup.zip

19 - Expo icons doc.txt

19 - Expo icons list.txt

19 - Git branch.txt

19 - Practicing Creating a porfil card part 2.mp4

05:44

20 - Git branch.txt

20 - Props.mp4

08:31

21 - Children props.mp4

03:21

22 - Conditionnal rendering.mp4

09:00

22 - GIt branch.txt

23 - Git branch.txt

23 - States.mp4

13:25

24 - Git branch.txt

24 - Unexpected useState behaviours.mp4

04:25

25 - Callback functions.mp4

08:39

25 - Git branch.txt

26 - Git branch.txt

26 - Using callbacks into our Profile Card.mp4

06:47

27 - Detect the platform.mp4

02:03

27 - Git branch.txt

5 - Our first real App Temperature converter

28 - Git branch.txt

28 - Introducing the app starter.mp4

04:07

29 - Git branch.txt

29 - Layout.mp4

05:10

29 - cold.zip

29 - hot.zip

30 - Git branch.txt

30 - Text input.mp4

09:51

31 - Component DisplayTemperature.mp4

07:10

31 - Git branch.txt

32 - Converting the temperature.mp4

08:18

32 - Git branch.txt

33 - Button Toggle units.mp4

05:44

33 - Git branch.txt

34 - Core concept useEffect hook.mp4

06:51

35 - Changing the background programmatically.mp4

08:03

35 - Git branch.txt

6 - New App Task list

36 - Introducing the app.mp4

01:35

36 - mockuptodo.zip

37 - Creating the app.mp4

02:19

37 - Git branch.txt

38 - Git branch.txt

38 - Layout.mp4

04:35

39 - Git branch.txt

39 - Header and Splash screen.mp4

06:01

39 - logo.zip

39 - splash.zip

40 - Card component.mp4

09:59

40 - Git branch.txt

40 - Shadow generator.txt

40 - check.zip

41 - ES6 map function.mp4

03:15

42 - Git branch.txt

42 - Scrollable list of card.mp4

05:34

43 - Code sandbox.txt

43 - ES6 spread operator.mp4

06:56

44 - Git branch.txt

44 - Updating the status of a card.mp4

06:52

45 - Git branch.txt

45 - Tab bottom menu Selecting a tab.mp4

09:33

46 - Code sandbox.txt

46 - ES6 filter function.mp4

04:20

47 - ES6 reduce function.mp4

03:35

48 - Filter notes.mp4

05:38

48 - Git branch.txt

49 - Delete a todo.mp4

07:11

49 - Git branch.txt

50 - Add a todo.mp4

18:08

50 - Git branch.txt

51 - Code sandbox.txt

51 - Javascript handling errors TryCatch Throw and Finally.mp4

07:15

52 - AsyncStorage Persisting our data.mp4

14:35

52 - Git branch.txt

53 - Cloning the starter.txt

53 - Discovering the hook useRef.mp4

09:18

53 - Git branch.txt

54 - Git branch.txt

54 - Using useRef to scroll at the bottom of the list.mp4

03:08

7 - App Real Time Weather and Forecast

55 - Introducing the project.mp4

01:51

55 - mockup-weather-1.zip

55 - mockup-weather-2.zip

56 - Creating the app.mp4

04:02

56 - Git branch.txt

57 - Git branch.txt

57 - Layout and Background.mp4

08:45

57 - background.zip

58 - Open Weather API.mp4

05:21

58 - Open Weather API Doc.txt

59 - ANDROID EMULATOR ONLY GPS settings.mp4

01:54

60 - IOS SIMULATOR ONLY GPS settings.mp4

01:49

61 - Code sandbox.txt

61 - ES6 Destructuring assignment.mp4

05:47

62 - Code sandbox.txt

62 - ES6 Async Await and promises.mp4

12:33

63 - Ask for permissions and get the user coordinates.mp4

08:42

63 - Git branch.txt

64 - Fetch the weather data.mp4

07:10

64 - Git branch.txt

64 - URL fetch weather.txt

65 - Debugger.mp4

08:56

65 - React Native debugger.txt

66 - Git branch.txt

66 - Using custom fonts.mp4

10:06

66 - alata-regular.zip

67 - Git branch.txt

67 - MeteoBasic layout.mp4

07:44

68 - Git branch.txt

68 - Weather interpretations.mp4

10:13

68 - Weather interpretations code.txt

68 - meteo-img.zip

69 - Git branch.txt

69 - Responsive texts.mp4

06:50

70 - Info about next video.html

71 - React Sandbox.txt

71 - Understanding useEffect cleanup function.mp4

09:27

72 - Digital clock.mp4

08:39

72 - Git branch.txt

73 - Fetching the city using reverse geocoding.mp4

05:29

73 - Git branch.txt

73 - Nominatim doc example.txt

74 - Git branch.txt

74 - MeteoAdvanced layout.mp4

08:07

75 - Filling MeteoAdvanced with data.mp4

03:20

75 - Git branch.txt

76 - Git branch.txt

76 - React Navigation Libraries to install.txt

76 - React Navigation setup.mp4

09:30

77 - Git branch.txt

77 - Navigate and send parameters to a Screen.mp4

05:27

78 - Git branch.txt

78 - Header and navigate to previous page.mp4

10:01

79 - Forecast list item.mp4

07:53

79 - Git branch.txt

80 - Git branch.txt

80 - Render multiples ForecastListItem.mp4

07:49

81 - Git branch.txt

81 - Search bar component.mp4

04:13

82 - Git branch.txt

82 - Prevent keyboard from pushing the content.mp4

00:56

83 - Git branch.txt

83 - Searching by city and errors handling.mp4

10:12

8 - Push notifications

84 - Push notification flow explained.mp4

05:59

85 - Git branch.txt

85 - Preparing our server to send notifications.mp4

08:45

86 - Ask Permissions and get a token.mp4

10:47

86 - Git branch.txt

87 - Getting data from a notification.mp4

04:27

87 - Git branch.txt

9 - Accessing the photo gallery

88 - Git branch.txt

88 - Photo gallery.mp4

10:53

88 - Starter command.txt

10 - Publish and Build

89 - Publish to Expo.mp4

05:08

90 - Generate an official Build.mp4

05:42

11 - Contexts

91 - What are contexts.mp4

03:47

92 - Git branch.txt

92 - Using contexts.mp4

10:58

12 - Performances

93 - Cloning the starter.txt

93 - Git branch.txt

93 - memo useMemo and useCallback.mp4

13:41

13 - Animations

94 - Animations introductions.mp4

05:17

95 - Git branch.txt

95 - Trying to animate with states.mp4

09:35

96 - Creating an animation.mp4

11:08

96 - Git branch.txt

97 - Animations callbacks.mp4

07:43

97 - Git branch.txt

98 - Git branch.txt

98 - Using your fingers Gesture handler.mp4

10:45

99 - First exercice.mp4

07:43

99 - Git branch.txt

100 - Understanding Interpolations.mp4

03:25

101 - Clamping.mp4

07:49

101 - Git branch.txt

102 - Project Awesome List.mp4

00:35

103 - Array of images.txt

103 - Awesome List Creating a simple list.mp4

06:08

103 - Git branch.txt

103 - images.txt

104 - Awesome List interpolation values.mp4

12:26

104 - Git branch.txt

105 - Awesome List Animating the list.mp4

06:54

105 - Git branch.txt

106 - Awesome List Fixing the missing space at the bottom.mp4

02:06

106 - Git branch.txt

107 - Awesome List Displaying texts and backdrop.mp4

05:15

107 - Git branch.txt

108 - Awesome List Animating texts and snaping effect.mp4

06:21

108 - Git branch.txt

Description

Build Android and IOS mobile apps ! ( incl. Notifications push , Hooks, Navigation, Camera, ES6, FlexBox, Animations...)

What You'll 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 is this for?

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.

What You Need to Know?

Experience with HTML / CSS / JS is required

More details

Description
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.
Who this course is for:
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.

User Reviews

Rating

average 0

Total votes0

Focused display

ENGLISH My name is Robin, I am a French engineer. Most specifically I am FullStack lead developper.I had the chance to work as web architect and lead developer in small and larger companies, in France, Canada and US.I am fond of modern web technologies and I really want to demistify the development. I want people to understand that , you don't need to be a code genius to be a great developer. You just need patience and motivation.I had 7 courses on Udemy France, and I was best seller thanks to my React and Redux course.My method is to move step by step with you, provide simple explanations, schemas and corrections.I try to talk with you in a casual way, like I would with a friend and not with a student.My courses are for all audiences, doesn't matter that you are a super beginner or a super experienced developer ;)--------------------------------------------------FRANCAISJe m'appel Robin, Je suis Ingénieur et plus spécifiquement je suis Lead developpeur full stack. Depuis bientôt 10 ans.J'ai eu la chance de travailler en tant qu'architecte et lead developpeur dans entreprises de toutes tailles, en France, au Canada et aux Etats-Unis.Je suis passionné par les nouvelles techno web et mobiles et je veux vraiment démistifier le developpement en général. Je veux que les gens comprenent qu'il n'y a pas besoin d'être un génie du code ou des maths pour être un super developpeur. Il faut juste de la patience et de la motivation.J'ai pour méthode d'avancer pas à pas et je m'éfforce de fournir des explications simples, d'aller à l'essentiel et de fournir des schémas et des corrections pour accompagner mes explications.Je te parlerai comme on parle a un ami et non pas comme un prof parlerai à un étudiant.Mes cours sont pour tous le monde qu'importe que tu sois un developpeur super experimenté ou grand débutant :)

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.