React Native: An Introduction- What Is React Native, Exactly
- What Does React Native Bring to the Table Pros and Cons
- Introduction to React Native
- Prerequisites:
- How to Get React Native
- Baby Steps: A First App
Getting Started with React Native- Weather App
- Starting the project
- Expo
- Components
- Custom components
React Fundamentals- Breaking the app into components
- 7 step process
- Step 2: Build a static version of the app
- Step 3: Determine what should be stateful
- Step 4: Determine in which component each piece of state should live
- Step 5: Hardcode initial states
- Step 6: Add inverse data flow
- Updating timers
- Deleting timers
- Adding timing functionality
- Add start and stop functionality
- Methodology review
Core Components, Part 1- What are components
- Building an Instagram clone
- View
- StyleSheet
- Text
- TouchableOpacity
- Image
- ActivityIndicator
- FlatList
Core Components, Part 2Core APIs, Part 1- Building a messaging app
- Initializing the project
- The app
- Network connectivity indicator
- The message list
- Toolbar
- Geolocation
- Input Method Editor (IME)
Core APIs, Part 2- The keyboard Day Four to Five or Time Permitting
Navigation- Navigation in React Native
Contact List
Starting the project
Container and Presentational components
Contacts
Profile
React Navigation
Stack navigation
Tab navigation
Drawer navigation
Sharing state between screens
Deep Linking
Testing- Flow - Benefits of Using Flow
- Jest - Jest with React Native
- Snapshot Testing with Jest
Building and publishing- Building
- Building with Expo
- OS
- Android
- Handling Updates
, Day One to Three
React Native: An Introduction
What Is React Native, Exactly
What Does React Native Bring to the Table
Pros & Cons
Introduction to React Native
Prerequisites
How to Get React Native
Baby Steps: A First App
Getting Started with React Native
Weather App
Starting the project
Expo
Components
Custom components
React Fundamentals
Breaking the app into components
7 step process
Step 2: Build a static version of the app
Step 3: Determine what should be stateful
Step 4: Determine in which component each piece of state should live
Step 5: Hardcode initial states
Step 6: Add inverse data flow
Updating timers
Deleting timers
Adding timing functionality
Add start and stop functionality
Methodology review
Core Components, Part 1
What are components
Building an Instagram clone
View
StyleSheet
Text
TouchableOpacity
Image
ActivityIndicator
FlatList
Core Components, Part 2
TextInput
ScrollView
Modal
Core APIs, Part 1
Building a messaging app
Initializing the project
The app
Network connectivity indicator
The message list
Toolbar
Geolocation
Input Method Editor (IME)
Core APIs, Part 2
The keyboard
Day Four to Five or Time Permitting
Navigation
Navigation in React Native
Contact List
Starting the project
Container and Presentational components
Contacts
Profile
React Navigation
Stack navigation
Tab navigation
Drawer navigation
Sharing state between screens
Deep Linking
Testing
Flow
Benefits of Using Flow
Jest
Jest with React Native
Snapshot Testing with Jest
Building and publishing
Building
Building with Expo
OS
Android
Handling Updates