Download appDownload App

Projects in React Native: Learn By Building Real World Apps

The days of comprising on app quality because a lack of knowledge and resources is long gone, thanks to React Native. Don’t settle for a “mobile web app”, a “HTML5 app”, or a “hybrid app”, and instead...

  • All levels
  • English

Course Description

The days of comprising on app quality because a lack of knowledge and resources is long gone, thanks to React Native. Don’t settle for a “mobile web app”, a “HTML5 app”, or a “hybrid app”, and instead build true apps with native capability using React Native. Using the same fundamental UI building blocks as Native apps, React Native builds apps that are smooth, dynamic and also allows using nat...

The days of comprising on app quality because a lack of knowledge and resources is long gone, thanks to React Native. Don’t settle for a “mobile web app”, a “HTML5 app”, or a “hybrid app”, and instead build true apps with native capability using React Native. Using the same fundamental UI building blocks as Native apps, React Native builds apps that are smooth, dynamic and also allows using native capabilities such as GPS, camera, fingerprint sensor, etc.

What you’ll learn
  • A detailed introduction into React Native, including installing React Native
  • Learning how to set up your environment for multiple operating systems – Android & iOS
  • How to set up React Native on both Windows and Mac
  • Working your away around the file structure and components in React Native
  • Working with props and state in React Native
  • 5 different apps to help you learn practical application.

Covering Topics

1
Section 1 : Introduction
2
Section 2 : Getting Started With React Native
3
Section 3 : React Native Business App
4
Section 4 : Book Finder
5
Section 5 : Firebase Itemlister
6
Section 6 : Project Manager
7
Section 7 : Text Translate App

Curriculum

      Section 1 : Introduction
1
Intro
      Section 2 : Getting Started With React Native
2
React Native Overview
3
Android Environment Setup
4
iOS Environment Setup
5
React Native Setup - Mac
6
React Native Setup - Windows
7
Files & Components In React Native
8
Working With Props & State
      Section 3 : React Native Business App
9
Project Intro
10
Page Component Setup
11
Style & Content
12
TextInput Button & Image
13
Switch State & Toolbar
      Section 4 : Book Finder
14
Project Intro
15
Toolbar Component
16
Navigator & TextInput
17
Creating The ListView
18
ListView PressRow Functionality
19
Book Details Page
      Section 5 : Firebase Itemlister
20
Project Intro
21
Firebase Setup Toolbar & StatusBar
22
Items ListView & Display
23
Fetch & Display Firebase Data
24
AddButton Component
25
Add & Remove Items From Firebase
      Section 6 : Project Manager
26
Project Intro
27
App Setup & Toolbar Component
28
Navigator & RenderScene Function
29
Projects ListView
30
Add Button & Form Route
31
Add Project To AsyncStorage
32
Display Projects From AsyncStorage
33
Project Details Page
34
Edit Project
35
Delete & Share Project
      Section 7 : Text Translate App
36
Project Intro
37
ltranslate Components
38
Language Select Picker
39
Translate Input
40
Fetch Translation from the API
41
Translate Output

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.