
Discover how React Native uses JavaScript to build native Android and iOS apps, with a shared codebase initialized by react-native init and run via react-native run-ios or run-android.
Initialize a new React Native project, explore the iOS and Android folders, and run the app on an iOS simulator or Android emulator using react-native run-ios or run-android.
Learn how to edit and run a React Native app by building a simple component, rendering text with JSX, and reloading the app using the app registry in the simulator.
Compare android and ios startup files in a react native project; they are almost identical except for platform-specific dev commands, enabling you to write once and run on both platforms.
Explore how props extend a simple React Native component by passing name and text color, interpolating values in JSX, and styling text with props in a practical prop demo.
Explore how to use a text input component in React Native to capture user text, manage it with component state, and reflect changes in real time.
Explore react native styling options with StyleSheet.create and the style prop, comparing css-like style sheets and flexbox layout using flex direction, justify content, and align items.
Learn how to style React Native components using style sheets and CSS-to-JS camelCase, apply flexbox in column layout, cascade styles, and control container sizing for full-screen views.
learn to compute device independent height using dimensions.get('window').height and apply responsive styles in React Native by experimenting with flex direction, justify content, and align items for row and column layouts.
Learn how a list view uses a scroll view to render a scrollable list, backed by a data source, with render row, separators, and item styling.
React Native is a powerful way to build mobile apps using javascript. Based on the React library (an open source javascript user interface library for web applications, developed by Facebook), React Native allows developers to quickly prototype working solutions for Android and iOS devices.
This course teaches the fundamentals of building user interfaces with React Native. The focus of the course is on the View portion of a full Model - View - Controller architecture; the Model and Controller portions are usually provided by such technologies as php / MySQL. In the course, we will learn to develop working user interface solutions. Topics include:
- How to install React Native
- Initializing and running a new project
- Editing program code
- Properties
- States
- Handling text input
- Using CSS with React Native
- Using Flexbox layout
- List Views
- Navigators
I hope you will join me for this exciting first look at React Native.