Mô tả

Interested in learning React Native but don’t want to spend the hours and hours searching for answers to errors you’ve never seen before, hunting down the right packages, frustratingly asking yourself why you can’t figure something so seemingly simple out, and becoming best friends with user90210 on StackOverflow?

This course is designed to get you up and running with React Native as quickly as possibly while introducing you to the most critical pieces of React Native development. It’s not the end-all-be-all - it’s designed to get you started fast while building a firm foundation.

There’s nothing like building your first app - and that’s what this course will help you accomplish.

React Native enables anyone with a computer and basic Javascript knowledge to develop native apps quickly and provide a user experience that no other Javascript based mobile solution has been able to provide before. With the likes of Facebook, Airbnb, Instagram, Tesla, and dozens more - there’s no doubt that React Native is the right solution for your mobile app.

We’ll cover

  • Scrolling lists

  • Designing and creating reusable components

  • Project organization

  • Navigation

  • Core APIs

  • Installing third party packages

  • And more…

And we’ll do this for both iOS and Android.

What if you’ve already built a React Native app?

Well, how do you feel about it? Are you confident in the choices you made? Do you feel like you’ve got a solid foundation of knowledge and experience? If so, then this course probably isn’t for you. However, if you feel like you were hacking a lot of things together, pasting code from StackOverflow that you didn’t truly understand, then you should consider joining.

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

How to use the most common React Native components

Install and configure third party packages

Setup various types of navigation

Design reusable React Native components

Confidently create future React Native applications

Yêu cầu

  • Basics of Javascript and some ES6 syntax
  • Comfortable using the command line (basic usage in this course)

Nội dung khoá học

9 sections

Getting Started

6 lectures
Introduction
06:04
Installing React Native
06:33
Project Organization
03:57
Source Code
00:19
Package Versions
00:17
Creating the Basic Screens
04:00

Building the Contact List

12 lectures
The Contacts Data
00:14
API Overview: FlatList Component
01:44
Exercise: Create a Basic FlatList
00:24
Implementation: Create a Basic FlatList
03:28
Organizing the Component Directory
02:33
API Overview: StyleSheet & Flexbox
02:41
API Overview: Platform
02:08
Creating the Helper Functions
00:16
Installing React Native Vector Icons
03:06
API Overview: Icon Component
02:58
Exercise: Create and Use a ListItem Component
00:26
Implementation: Create and Use a ListItem Component
21:12

Basics of Navigation

7 lectures
Overview of and Installing React Navigation
02:10
API Overview: StackNavigator
04:30
Exercise: Defining a StackNavigator
00:19
Implementation: Defining a StackNavigator
03:10
API Overview: Navigate Function
01:43
Exercise: Navigating Contacts to Details
00:09
Implementation: Navigating Contacts to Details
02:00

Building the User Details Screen

11 lectures
API Overview: Screen Navigation Prop
05:02
API Overview: Custom Navigation Bar Title
03:11
Exercise: Create and Use a Header Component
00:12
Implementation: Create and Use a Header Component
11:13
API Overview: ScrollView Component
02:17
Exercise: Create and Use an Actions Component
00:22
Implementation: Create and Use an Actions Component
14:47
Creating a Reusable Row Component
09:58
Overview and Installation of Moment.js
03:06
Exercise: Create and Use an Info Component
00:14
Implementation: Create and Use an Info Component
07:15

Tab Navigation

5 lectures
API Overview: TabNavigator
03:45
Exercise: Create and Use a TabNavigator
00:24
Implementation: Create and Use a TabNavigator
06:08
Exercise: StackNavigators for All Tabs
00:18
Implementation: StackNavigators for All Tabs
02:35

Drawer Navigator

7 lectures
API Overview: Drawer Navigator
04:06
Exercise: Creating the DrawerNavigator
00:19
Implementation: Creating the DrawerNavigator
02:35
Opening the Drawer from the Navigation Bar
03:06
Tabs on iOS, Drawer on Android
02:07
Exercise: A Better Navbar Drawer Button
00:17
Implementation: A Better Navbar Drawer Button
07:13

Building the Me Screen

5 lectures
Importing the Data
00:35
Exercise: Composing the Me Screen
00:18
Implementation: Composing the Me Screen
04:06
Exercise: Creating a Button Component
00:17
Implementation: Creating a Button Component
07:18

Building the Add Screen

8 lectures
API Overview: TextInput
03:59
Exercise: Creating a Custom TextInput
00:11
Implementation: Creating a Custom TextInput
06:55
Building a Form
09:33
API Overview & Installation: React Native Keyboard Aware ScrollView
01:44
Exercise: Using KeyboardAwareScrollView
00:09
Implementation: Using KeyboardAwareScrollView
01:46
Progressing From One Field to the Next
08:39

Moving Forward

1 lectures
Further Learning Resources
00:38

Đá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.