React / React Native

Build Native apps for Android and iOS in JavaScript! Finally, you can write code once and deploy to both platforms, with native performance and native look and feel. It's a miracle, and it's one of the fastest growing technologies out there!

Apply now
Start day

Jul 23

8 weeks
Timetable

7 - 9pm

Mon & Wed
Price

9.500.000d

Student Discount Available
Location

Copac Square

G - floor, 12 Ton Dan, District 4

Instructor

Charles Lee

Charles

Founder and Polyglot Instructor at CoderSchool

Prior to coming to Vietnam, Charles has 10 years experience being a developer in Silicon Valley. During that time, he worked as a software engineer on C, Ruby, JavaScript, and even ActionScript. He's been a longtime user of React, having being one of the early adopters in 2013 when he migrated to React from Backbone. He recently designed and taught a course on React and Redux for Walmart Labs.

View Profile on LinkedIn

STUDENT PROJECTS

Below are what the students have built during the course

project-image

Flixie

A webapp to display movies currently playing in the theater. Check it out.
project-image

Flicks

A mobile native app to display movies currently playing in the theater. Check it out.
project-image

Stripe

A web app that connect to Stripe API that allow user to pay through Stripe gateway. Check it out.
project-image

Dating App

A mobile native app that can let you find and date a partner. This is a final project. Check it out.

SYLLABUS

React ads 03

COURSE OVERVIEW

In this 8-week, 2-in-1 course, you will be learning React for websites and React Native for Android and iOS native apps. We will teach you the best coding structures, testing and Redux.

REQUIREMENTS

Build dynamic, componentized web frontends in React Build native apps using React Native Tie it all together using Redux

Week 1 - Welcome to React!


Learn about the basics of React. Get started with the first assignment.

Setup Instagram and create-react-app. Examine generated app. Basic visuals using fake data. Link API call.

Project: Flixie - Example: www.themoviedb.org/movie/now-playing?language=en

Week 2 - Welcome to React Native!


Welcome to React Native! Setup the environment. Walk through the basic architecture of an app. Put together a simple UI. By the end of the week you'll build your first React Native application!

Tumblr App! Fetch the data from the API. Display basic posts. Infinite scrolling. Navigation.

Project: Flicks.

Week 3 - Higher Order Components and Compound Functions


Higher Order Components and Compound Functions.

Architecture diagram. Create tabs. Fill in the tabs with organization information. Pre-fetch repos for each organization. Fill in with feed.

Project: Stripe Central.

Week 4 - Redux


Go over the most common architecture for full-fledged React Apps, called Redux.

Redux-Powered Chat App - Hook up the Store. Hook Up the Actions. Fancy Middleware + Loading Channels. Creating Channels. Selecting a Channel. Show Messages. Create Messages. Receive New Messages

Chat app - iMess v2

Week 5 - React Native and Redux


Redux walkthrough with Navigation and Social Login. Going over a chat application again, this time from mobile. Use Firebase to make messaging easier.

Realtime Chat - React-native init. Set up Firebase. Plan out your Database Schem. Plan out your Redux Shape. Actions and Reducers. Send Messages. Chat!

Week 6 - React Native System


Walkthrough to show how to interact with the Map and ImagePicker, and storing data offline in Redux. Go over the application again to make sure the concepts are understood.

PhotoMap application - Setup + Get Location! Add a MapView and Get Location on Long Press. Leaving a Trail! Get Image From Device And Custom Callout. Full Screen Lightbox. Make it remember choices! Save the connection status in Redux. Filter out isConnected from redux-persist.

Week 7 - Redux and React-Navigation


Go through an example of application integrating React-Navigation's state into Redux.

Redux and React-Navigation - Create a TabNavigator with 2 screens: Profile Screen and MapScreen. Connect App.js to Redux and add react-navigation state in Redux using react-navigation-redux-helpers. Login to Facebook! Redirecting to another screen on error. Intercepting the 'GO_BACK' action. Intercept only for specific screens.

Week 8 - Final Portfolio and Demo Day Prep




TESTIMONIALS

Hoan le

Hoan Le

Senior Android Developer

There is so much passion and there are so many talented people here. It's simply one of the best IT training courses in Vietnam right now.

Ggdxqw0

Ryan Dam

Engineer at PIXA studio

This course helps you learn as fast as possible, you have to run to catch up the course. The teachers is nice and learning environment is very friendly. This course is worth the time!

Nguyen nhat hoang ruby

Nguyễn Nhật Hoàng

Senior Software Engineer

CoderSchool has done the awesome job which I haven't ever seen in Vietnam before. They teach people real-world skills in a market that is highly in demand with great material.

Hoa tran swift1

Tran Quang Hoa

Software Engineer

If you are looking for courses not only to improve your programming skills but also to meet many talented people and to practice working in a multinational environment, I recommend you to apply.

Dan tong swift1

Dan Tong

Director of Kodimo Technologies

It's not only learning to code but also teamworking, and learning from others. I learned Swift from this amazing school and improve a lot since then.

Nguyen do swift3

Nguyen Do

Backend Software Engineer

Wonderful bootcamp and strongly recommend it! it's such an intensive course with so many late nights, but definitely worth it - learn today and have your app on your device the next day.

Ic quote