React Native - Introduction

Course Description

React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app. With instant feedback on your own device or emulator you can quickly iterate your code to complete your applications. The quick feedback loop along with excellent cross-platform support makes React Native the best modern mobile development environment for JavaScript engineers.
5 Days
Contact us for pricing
 

Prerequisites

Familiarity with JavaScript and the node.js ecosystem.
Some familiarity with component frameworks such as React, Vue or Angular.

Getting Started

Native Mobile Development v's Hybrid Mobile Development
Understanding the node.js eco system
Installing ReactNative
Setting up development environment
Expo
Installing Android Emulator
React Native Hello World

Displaying Content

JSX
Creating a Custom Component
JSX Rules

Working With Lists

Building Lists
FlatList Element
Rendering a FlatList
FlatList props

Adding Navigation

Button Types
Adding Pages
Navigating using React Navigation

Building Reusable Components

Understanding Props
Parent-Child Relationships
Parent-Child Communication
Adding Images
Passing an Image as a Prop

State Management

What is "State"
Changing State
Validating State changes
What is a Reducer
Creating a Reducer
Applying State with a Reducer

Understanding Screen Layout

React Native Layout
Box Object Model
Aligning Items
FlexBox
Using Flex in Layout

Working With an API

Ajax
Introduction to Axios
Getting Data From an API
Crud Example

Component Lifecycle

What is the Component Lifecycle
ReactNative Hooks
useState
useEffect

Working With Native Device Features

React Native Directory
Requesting Permission
Using the Camera
Working with the Image Gallery
Uploading Images to a Web Application
Working With Location
ReactReact NativeMERN StackModern web developmentAngular