This course is transitioning from web development to mobile app development with React Native, a popular open-source framework maintained by Facebook that enables cross-platform native apps using JavaScript without Java or Swift. The course introduces students to modern JavaScript (including ES6 and ES7) as well as to JSX, a JavaScript extension. Through hands-on projects, students gain experience with React and its paradigms, app architecture, and user interfaces

Duration: 5 Days


Strong background with HTML and CSS and comfort with basic JavaScript.

Course Outline

Intro to React Native
• What it is, who is developing it, and why you should use it
• Setting up your development and testing environment.
• React Native Tools
• Console + editor

Javascript ES6 Overview
• The tricky bits from a native mobile divs perspective.

Create your first React Native app
• Firing up the simulators on iOS and Android
• Exploring Project Structure

Developing your UI with JSX
• Adding controls to your UI
• Buttons and Text Labels
• Styling - in JavaScript
• Interactive Design
• Creating custom Components
• Properties (props)
• Managing State
• Populating and Manipulating Lists

Going deeper with React Native
• Dynamic properties
• Dynamic styles
• More on State and how it effects the rendering pipeline
• Network requests.
• Navigation
• Storing data - Realm for React Native
• Integrating with Map APIs
• Creating native React components.
• How to share code effectively between iOS and Android

WhatsApp Us
Chat Us