Free Course

Introduction to React-Native

- 1 day -

Example

Course Name

Introduction to React-Native

Duration

1 days (6 hours) : 10.00-17.00

Location

HAKIO Office Space (Central Rattanathibet Branch)

Pre-requisite

Knowledge of basic programing and html, css, and javascript.

learning objective

To equip student with ability to develop real-world business applcation.
Understand front-end software development process.
Understand coding pattern for react-native native mobile device functionality.
Work with rapid prototyping tool to fasten development process.

Topic

introduction

Introduction to React Native
ReactJS and React Native
Differences between web app, native app, hybrid app
App Show case
React-native tooling
Software installation
Project file structure
Basic react-native cli
Project creation
Lab: Run and deploy your first react-native app on android/ios device and emulator
Lab: Try Hot and Cold page Reloading
Lab: Work with project structure (package file)

Basic Layout Design

Basic UI Components
Basic layout and tag property
Text
View
UI Style and Layout mechanic
Frequently used styles and Best styling practice
UI Stylesheet & cheatsheet
Advance Layout Engineering (Flex Direction, Justify Contents, Align Items)
Lab: Set component style according to UI design

UX and UI

UI and Event Handling
TextInput
Touchable
Image
ScrollView
Alert
Modal
Activity Indicator
Lab: Multiple exercises

Component Engineering

UI Custom Components
Static Component
Dynamic Component
Props & State
Stateful and Stateless components
Lab: Create custom component

Our team

Training Coach
Kosin Sumalyapor (Top)
React-Native Coach

Working experience - Lazada, SCB, DTAC Accerelate and SET Thailand.

Equipment

Laptop or MAC
Laptop or PC
Macbook
Spec Requirement
Spec Requirement
Window 7 or above (64 bit)
Mac Os High Seirra Version 13.6 or above
RAM 8 GB
RAM 8 GB
HDD 10 GB or above
HDD 10 GB or above

Join us now for free course.