Mô tả

React Native is a JavaScript framework that lets you build native apps for both iOS and Android using a single language. A React native app is not a hybrid app so it's indistinguishable from native apps built with Java and Objective-C.

React has taken the web development world by storm. It's only natural that its unique architecture and third-party support ecosystem is applied to native application development. Using JavaScript, you can build an application that renders native UI components and accesses native device functionality.

This comprehensive 3-in-1 course is a step-by-step tutorial to building dynamic apps for iOS and Android with React Native. Design and build a fully-featured application using the newest features of React Native. Create increasingly complex real-world applications and explore React Native in depth.

Contents and Overview

This training program includes 3 complete courses, carefully chosen to give you the most comprehensive training possible.

The first course, Learning React Native Development, covers developing dynamic and stunning native mobile apps for Android and iOS using JavaScript. Delve directly into React Native to build native mobile apps. Develop apps that are fun, unique, and responsive with React Native. Learn React Native fundamentals to build interactive and user-friendly apps. The course aims at teaching you React Native irrespective of the underlying platform so that you can learn once, write anywhere.

The second course, Building Your Application with React Native, covers making your application with React Native and master UI design. This video takes you from the basics of React Native development all the way through to advanced components. A lot of different development techniques go into creating an app. In this course, you’ll start with a quick intro to React Native and how to build basic UI components, then move on to discussing data flow and React Native animations. Finally, we will look at how to publish your applications to Play Store or to private devices.

The third course, Publishing Your Application with React Native, covers creating impressive applications using the different tools of React Native. In this video, you’ll start with a look at state management and how to keep your code usable by other developers, how to build for your ideal user, how to create animations that pop, and how to publish your apps to the App Store. With the core UI built, we can take off our designer hats and focus on creating code that is clean and easy to reuse.

By the end of the course, you will have created your own application using React Native and learned to publish your app in the App Store and Play Store.

By the end of the course, you’ll create and publish impressive applications using the different tools of React Native.

About the Authors

  • MiftaSintaha is a big enthusiast of new web technologies that are out there to make everyone's life easier. She is a Software Engineer, a Tech Lead, and a content creator in YouTube where she authors various concepts in Computer Science and MEAN stack frameworks. Her ability to simplify the explanation of complex topics is what enhanced her popularity in YouTube. She has over 4 years' experience in working with frontend frameworks such as Angular and React, and backend frameworks such as Express.js and Django. Get the opportunity to learn how to write production-ready code with her courses. Find out more about her tutorials at her YouTube channel: MiftaSintahaCS You can also look at her work on GitHub @msintaha
  • Alvaro is a professional React Native developer with an interest in mobile technology, server-side API development, and iOS development. He plays bass in a rock band, and he enjoys road bikes and politics. The first thing he started programming was little buy scripts for Counter Strike. These were small hacks to buy faster and pick up all the necessary equipment. A few years later, he went to the University of Balearic Islands to study computer science. There he began to learn the fundamentals of computer programming using Ada, C, and Java. After finishing his B.Sc. in Computer Science, he started his M.Sc. That was when he started to do really fun things such as games in Lisp, creating a compiler of a subset of Ada instructions, and computer vision with OpenCV, among others. Before finishing his M.Sc, he started to work full-time, first as a developer for the hotels team at Logitravel (the second tourism dot com in Spain) and currently as an iOS developer at mola. He had no previous iOS or mobile development experience before entering mola, but he successfully managed to develop both server-side and mobile apps for a social network called Hoods. He also helped the awesome team at Mola in several other projects (Matchball, Zoco). Right now he is a mobile developer at APSL—Advanced Programming Solutions—and works on several products.

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

Build custom reusable components for your mobile app and develop native apps for both iOS and Android

Perform animations in your applications using the animation APIs

Test and deploy your application for a production-ready environment

Grasp the concepts of Redux state management to build scalable apps

Add navigation to your App to build UX components for your React Native App

Integrate with Firebase as a data store and learn how to authenticate a user

Yêu cầu

  • Prior programming experience of JavaScript is assumed.

Nội dung khoá học

3 sections

Learning React Native Development

41 lectures
The Course Overview
03:16
Installation and Setup
05:10
Running the Simulator
04:48
Understanding JSX
04:41
App Overview
04:08
Styling the Header
05:22
Structuring the Photo Section
06:04
Flexbox
05:27
Styling the Photo Section
06:46
Endpoint to Fetch Data
03:21
Functional versus Class-Based Components
04:57
Axios
03:39
React States
05:13
Lifecycle Methods
04:43
Looping Through Photo Section
04:15
Implementing the Like Button
06:29
What Is Redux?
04:54
Managing State Using Redux
05:24
Action Creators
04:41
Creating the Photos Reducer
03:12
Calling Actions from Components
05:20
Login Form Overview
04:19
Structuring the Login Form
04:44
Firebase Configuration
03:36
Managing Input State
04:35
Storing Form Input in Reducers
05:31
Getting the Form Input Values
03:03
Firebase Login API
06:14
Login Wrapup
04:41
App Overview of IdeaPad
03:45
Configuring the Database
05:01
Structuring the IdeaPad Form
04:27
Submitting Ideas
05:42
Showing List of Ideas
03:25
React Native Navigation
05:01
Navigating Between Screens
05:09
Fetching Data from Firebase
06:09
Editing Ideas
04:46
Editing Action Creator
04:47
Deleting Ideas
03:27
Test your knowledge
6 questions

Building Your Application with React Native

25 lectures
The Course Overview
03:28
Initializing a New Project
04:05
Should You Primarily Test on Android or iOS?
03:25
Going Double Down on React Native
04:31
Goals of This Course
02:18
Creating Your Environment for React Native
03:34
High-Level React Native Architecture
06:33
Working with ES2017 JavaScript
03:24
Understanding RN Project Environment
05:12
Introduction to Components
03:48
Debugging on Chrome
03:06
React Native Built-in and Common Functions
02:25
Reading the Facebook RN Component Docs
02:40
Typing Your Code with Flow
04:15
Creating a Component
07:57
Using Flexbox
04:19
Introducing the Key React Native Components
03:15
Working with ListView and FlatList
05:40
Installing Third- Party Components Via GitHub
08:02
Phases of Product Design
06:05
Working with More Components to Make It Better
03:31
Working with Guerrilla Design
05:24
Crafting Reusable Components
07:03
Introduction to Props and State
03:15
Test your knowledge
5 questions

Publishing Your Application with React Native

20 lectures
The Course Overview
04:09
Unidirectional Data Flow Versus Two-way Data Binding
06:16
Setting Up a Dev Environment
03:04
Redux, Global State Manager for Your App
23:17
Installing Redux-Saga
07:51
Managing API Calls
06:04
API Data
05:57
Handling API Errors
06:20
Installing React Navigation
07:44
Why UX Is Important
08:39
Creating UX Components for Your React Native App
06:00
Testing Your Components with Jest Snapshot Testing
07:17
Intro to Animations in React Native
05:07
Animated Module
06:39
LayoutAnimation
05:33
Adding Animations to Our App
07:04
Example App – a Case Study
04:02
How to Publish for iOS
13:07
How to Publish for Android
10:42
Demoing Applications for Clients
08:52

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