E-SCHOOL

+919760705107
Hall no 2 Avas Vikas Complex,

Sheel Chauraha, Rajendra Nagar, Bareilly
Mon - Sat (09 am to 08 pm)

(Sunday Closed)

React Native

Description

React Native uses modern JavaScript to get truly native UI and performance while sharing skills and code with the web. You will learn about UI development with React Native UI and layout support and access the native mobile platform's capabilities from Javascript using the Expo SDK

Course Curriculum

Getting Started

Learning Objectives: In this module, you will learn about the installation of React Native App

Topics:

What Is React
Environment Setup
ES6 Refresher
Installing & Using The CLI
Expo Cli

Components, JSX and Props

Learning Objectives: In this module, you will learn about core Component of React Native.

Topics:

Thinking In Components
What Is JSX
JSX Expressions
Creating Your First Component
Functional Components
Working With Props
Typechecking With PropTypes
CSS In React
Adding Bootstrap

Working with Forms

Learning Objectives: In this module, you will how to work with form in react native.

Topics:

Creating A Form With State
Controlled Components & onChange
Uncontrolled Components & Refs
Form Submit Action To Context
TextInputGroup Component For DRY Code
Error Checking & Display

State & Context API

Learning Objectives: In this module, you will learn about React State and Context API

Topics:

MVC Pattern Introduction
Routing
HTTP Interaction
Handling query parameters
Cookies and sessions
User Auth
Creating and consuming restful services
Using templates
Creating State
Events In React
Changing State
Changing State From Another Component
Using The Context API & Provider State
Adding A Context Reducer For Actions

Redux

Learning Objectives: In this module, you will learn basic of Redux and State management

Topics:

A Note On Redux
App Starting Point For Redux
Redux Store Setup & Contact Reducer
Connecting Components & Dispatching Actions
Creating A Separate Actions File
Delete & Add Contact Action

Redux Thunk and HTTP

Learning Objectives: In this module, you will learn basic of Http request and Redux Thunk

Topics:

GET Request Dispatch
POST & DELETE Request Dispatch
Get Single Contact For Edit
PUT Request & Dispatch

User Authentication

Learning Objectives: In this module, you will learn User Authentication with token and Firebase

Topics:

How Authentication Works
Implementing a Basic Login Screen
Adding User Signup
Logging Users In
Managing the Loading State & Errors
Using the Token
Mapping Orders to Users
Improved Mapping (Scoping)
Implementing "Auto Login"
Adding Logout
Implementing "Auto Logout"
Auto-Logout & Android (Warning)

Native Device Feautres

Learning Objectives: In this module, you will learn Native Device Features

Topics:

Getting Started with the Form
Redux & Adding Places
Outputting a List of Places
Accessing the Device Camera
Configuring the Camera Access
Using the Picked Image
Storing the Image on the Filesystem
Changed SQLite Import
Diving into SQLite for Permanent Data Storage
Storing Data in the Local Database
Fetching Data from the Local Database
Getting the User Location
Showing a Map Preview of the Location
More on Environment Variables
Displaying an Interactive Map
Adding a Marker
Making the Picked Location "Saveable"
Storing Picked Places
Updating the Location Screen When the Location Changes
Storing the Address
Displaying the "Details" Screen
Finishing the "Map" Screen

React Navigation

Learning Objectives: In this module, you will learn React Navigation v5

Topics:

Adding Screens
Adding Fonts
React Navigation Docs
Installing React Navigation & Adding Navigation to the App
Creating a StackNavigator
Navigating Between Screens
Alternative Navigation Syntax
Navigation Basics
Navigation to the "Meal Details" Screen
Pushing, Popping & Replacing
Outputting a Grid of Categories
Configuring the Header with Navigation Options
Passing & Reading Params Upon Navigation
Setting Dynamic Navigation Options
Default Navigation Options & Config
Grid Styling & Some Refactoring
Adding Meal Models & Data
Loading Meals for Categories
Rendering a Meals List
Passing Data to the Meal Detail Screen
Adding Header Buttons
Fixing the Shadows
Adding Tabs-based Navigation
Setting Icons and Configuring Tabs
navigationOptions inside of a Navigator
Adding MaterialBottomTabs
Adding a Favorites Stack
Adding a Menu Button & Drawer Navigation
Configuring the Drawer
More Navigation Config & Styling
Adding a DefaultText Component
Adding the MealDetail Screen Content
Time for the "Filters" Screen Content!
Passing Data Between Component & Navigation Options

Liked The Curriculum? Join Now.

Structure your learning and get a certificate to prove it.

E-SCHOOL

Hall no 2 Avas Vikas Complex, Sheel Chauraha, Rajendra Nagar , Bareilly
anil_bhalothia@rediffmail.com
+91 9760705107
Monday - Satarday (09 am to 08 pm) (Sunday Closed)

E-SCHOOL

React Native

Our Courses

Description

Course Curriculum

Getting Started

Components, JSX and Props

Working with Forms

State & Context API

Redux

Redux Thunk and HTTP

User Authentication

Native Device Feautres

React Navigation

Liked The Curriculum? Join Now.

E-SCHOOL

Menu

Join Us

React Native

Our Courses

Description

Course Curriculum

Getting Started

Components, JSX and Props

Working with Forms

State & Context API

Redux

Redux Thunk and HTTP

User Authentication

Native Device Feautres

React Navigation

Liked The Curriculum? Join Now.

E-SCHOOL

Menu

Join Us

Find Us On