Mô tả

Did you tire of learning JAVA, Swift, Kotlin different programming languages?

Will it be much better if just learn one language and then can build for both Android and iOS?

React Native is what you need!!

But what is React Native? In a nutshell react native allows use the react library to create native

mobile apps for Android and iOS devices.

It is a really good option for developers that want to create some kind of mobile app who are already comfortable with react

It definitely recommends that you already understand the core principles of react like functional

components state props

We do have a complete react course on this platform, feel free to check that out

In this course, you will learn some basic React and also extend this to React Native. We will build a todo app to reinforce what we learnt in the previous lectures.


What you will learnt

  • How to run the app in iOS and Android emulator

  • How to use React Native components

  • How to use the useState to add dynamic content

  • How to use the TextField to change state

  • The difference between List and FlatList

  • What is the Touchable Component?

  • What is the TouchableWithoutFeedback

  • How to dismiss the keyboard with Keyboard component?

  • Create an todo application which used all the knowledge that we learnt.

  • Create a chat app easily with react native gifted chat and Firebase


Bạn sẽ học được gì

Build native mobile apps with JavaScript and React

Build real-world native todo app using React Native

Develop both iOS and Android mobile app

Yêu cầu

  • Basic JavaScript knowledge
  • Basic React knowledge
  • No Java or Swift knowledge is required

Nội dung khoá học

5 sections

Introduction

10 lectures
Introduction
04:50
Run the app on emulator
02:37
Expo folder structures
03:01
React Native core component and Style
04:58
React Native React Hook
05:59
Use TextInput field to change state
04:44
List view
04:35
FlatList
03:39
Touchable
02:30
More on spread operator
02:12

Create Todo Application to know the basics

7 lectures
Todo Application part 1 : Basic layout and components
05:22
Todo Application part 2 : Task component
02:23
Todo Application part 3 : Add Input Field
05:14
Todo Application part 4: Add simple validation Alert
01:26
Todo Application part 5: Dismiss keyboard
01:06
Todo Application part 6: Delete items
04:02
Todo Application part 7: fix the off screen problem with flexBox
01:35

Create Todo Application to know the navigation

8 lectures
Start a new project and apply global style
03:52
Setup the navigation
02:50
Moving between screens
03:34
Configuring the header
01:31
Passing data to another screen
03:36
Add Drawer Navigator
05:39
Add Tab Navigator
02:02
Diagram summary of Drawer, Stack and Tab Navigation
01:39

Expo react native redux

13 lectures
Simple explanatin of Redux
02:34
Simple counter app to demonstrate Redux
07:42
Something about arrow function
00:11
Start the projection by using the navigation project
00:06
Start the project and create action file
02:50
Create the reducer
05:26
Create the store
01:03
Get the state
03:07
Dispatch the ADD TASK action creator
01:55
Dispatch the DELETE TASK action
01:06
Dispatch the DID TASK action
01:52
Create the done list
02:17
Change the name of "About" to "Done"
01:04

Create a Simple Chat App with Firebase and React Native Gifted chat

14 lectures
The simple chat app introduction
00:47
Init a new expo project and install the packages
01:42
Add the Stack Navigator
02:08
Create Login Screen
04:06
Create Register Screen
03:59
Add the firebase to the project
02:12
Add the register function
03:51
Detect the auth state change
02:28
Create the signin function
00:49
Create signout function
03:21
Fix the two weird things in the navigation
03:08
Start using React Native Gifted Chat
01:35
Modify the gifted chat and send message function
03:14
Fetch the messages from the firestore
02:22

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.