4.31 out of 5
4.31
36 reviews on Udemy

The Complete React Native from Zero to Hero

Understand React Native with Hooks, Context, and React Navigation
Instructor:
SunLight Team
19,276 students enrolled
English [Auto]
Create real-world native apps using React Native
Understand the terminology and concepts of Redux
Get up to speed with React design principles and methodologies
Firebase, Redux Saga, UI Design...

This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices.

Both OSX and Windows supported – develop iOS or Android!

React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app. You’ll love seeing your changes instantly appear on your own device, rather than waiting for Swift/Java code to recompile! This quick feedback loop, along with excellent cross platform support, is what has catapulted React Native to the top must-have skill for Javascript engineers.

If you are new to React, or if you’ve been working to learn it but sometimes feel like you still don’t quite ‘get it’, this is the React course for you! To learn React you have to understand it.

Introduction & Basics

1
Git Code
2
Build your first React Native app
3
Build React Native project with Native Code
4
Learn the basics of React Native
5
Customize React Native components using Props
6
State in React Native Component
7
Style a React Native component with StyleSheet
8
Customize width and height props with Fixed and Flex dimensions
9
Flex direction and justify content with Flexbox
10
Flexbox layout with align items

TextInput

1
Create a basic TextInput with Email and Password
2
Working with multiline TextInput and Keyboard

Touches

1
Display and handle a basic React Native Button
2
TouchableHighlight, TouchableNativeFeedback,TouchableOpacity

ScrollView

1
Draw a basic ScrollView with mixed Components
2
Draw a horizontal ScrollView like Page
3
Create ScrollView with ViewPagerAndroid in React Native

FlatList

1
Create a simple FlatList with Text Component
2
An example of FlatList with Images in FlatList Item
3
How to swipe to delete an Item in FlatList
4
Layout a View and Button above FlatList
5
Present Modal and insert Data to existing FLatList
6
Present Modal and update an existing FlatList's Item
7
An example of Horizontal FlatList like Weather App

LifeCycle

1
How to use SectionList in React Native
2
LifeCycle of a Component in React Native

Networking

1
Send GET request to server from React Native
2
Send POST request to insert data to database server
3
Send PUT request to update an existing data in React Native

React Native Firebase

1
Setup Firebase SDK for ios and android App
2
Firebase authentication with anonymous user and email password
3
Login Facebook with React Native Firebase SDK
4
Sign in Google with Firebase SDK
5
Create a TODO app with Cloud Firestore in RN
6
Working with realtime Database in React Native

Redux in React Native

1
Overview of data flow in Redux for React Native
2
Create store, provider, actions of a todo list app
3
Add reducers to the todo list app in Redux
4
Add components to the todo list Redux app
5
Add containers to the todo list Redux app

Redux Saga in React Native

1
Redux Saga flow and create a Counter app with Redux
2
Add sagas to actions in the Redux Counter app
3
Send GET request and receive response from api
4
Send POST request and receive response from api
5
Update data with PUT request using Redux-saga
6
Delete data with DELETE request in Redux-saga

ReactNavigation

1
Create a StackNavigator and translate params between screens
2
Configuring the Header of StackNavigator
3
Create and configure multiple tabs with TabNavigator
4
Set up a screen with a drawer navigation using DrawerNavigator

Redux-form

1
Create a Simple form in React Native
2
Synchronous validation example of Refux-form in React Native
3
Field-Level Validation with Redux-form in React Native
4
Submit validation example and SubmissionError
5
Example of Asynchronous blur validation with Redux-form
6
Submit your form via a dispatched Redux action
7
Field Normalizing Example of Redux-form in React Native

Realm React Native

1
Create a TodoList app with Realm in React Native
2
Insert and query data using Realm in React Native
3
Update and delete data using Realm in React Native
4
Sort data in Realm database in React Native
5
Filter data and working with To-Many Relationships

UI Design

1
Create a Splash and Login Screen in React Native
2
Navigate between Splash and Login without StackNavigator
3
Make an UI with Tabbar and StackNavigator with NativeBase #1
4
Make an UI with Tabbar and StackNavigator with NativeBase #2

React Native Animations

1
Create animations for Image and View with timing, spring, fade
2
Create animations with sequence, parallel, interpolate
3
Animate multiple Views with Stagger and Fade
4
Use Gesture Responder to pan a View and animation with Spring

NaviveModules

1
Create functions, callbacks from ObjectiveC then call from React Native
2
React Native call ObjectiveC functions using Promises and Async-Await
3
Send events from Objective C to React Native
4
React Native calls Swift functions using callback, promises, async-await
5
React Native calls MKMapView and use its properties
6
React Native calls Toast object, constants and function in Android
7
React Native calls callback and Promise functions in Android using async-await
8
Create and emit Event from Java and send back to React Native
You can view and review the lecture materials indefinitely, like an on-demand channel.
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!
4.3
4.3 out of 5
36 Ratings

Detailed Rating

Stars 5
21
Stars 4
8
Stars 3
2
Stars 2
3
Stars 1
2
015394920732bac66725d70f1f3165a0
30-Day Money-Back Guarantee

Includes

12 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion

External Links May Contain Affiliate Links read more

Never Miss Any Course Join Our Telegram Channel Join Channel
+ +