FULL CURRICULUM

1. Getting Started
   • 1.1 Welcome
   • 1.2 Create your first React Native app
   • 1.3 What is React Native?
   • 1.4 What are native apps?
   • 1.5 Environment Setup and Coding Exercises
2. React Native Core Components
   • 2.1 A review of tags in React (web)
   • 2.2 Image vs img
   • 2.3 View and Text
   • 2.4 ScrollView
   • 2.5 Lists
   • 2.6 JavaScript Premier: Destructuring
3. Style React Native Components
   • 3.1 Styling options in React Native
   • 3.2 StyleSheet
   • 3.3 Combine styles
   • 3.4 styled-components
   • 3.5 Quick review of Flexbox for the web
   • 3.6 Flexbox in React Native
   • 3.7 Flexible and inflexible sizes
   • 3.8 Flex under the hood
4. Implement Responsive Design
   • 4.1 An overview of responsive design
   • 4.2 Unify screen density
   • 4.3 Adapt to screen sizes with Flexbox
   • 4.4 iPhone X the notch and SafeAreaView
   • 4.5 Adapt to screen sizes with Dimensions API
   • 4.6 Dimension breakpoints
   • 4.7 Build a responsive grid view
   • 4.8 Adapt to device orientation with Dimensions API
   • 4.9 Adapt to device size and orientation with onLayout
   • 4.9.1 JavaScript Premier: Spread operator
   • 4.10 Material on Android Only! - Platform API
   • 4.11 Load platform dependent code by file extension
5. Handle User Input
   • 5.1 Handle touches: Button and touchable components
   • 5.2 Accept text input: TextInput props
   • 5.3 Accept text input: save the value
   • 5.4 Style TextInput
   • 5.5 Avoid the keyboard!
   • 5.6 Implement drag-and-drop
   • 5.7 Fix a bug in the drag-and-drop code
   • 5.8 Implement pinch-to-zoom
6. Animations
   • 6.1 Animation options in React Native
   • 6.2 Let the hat fly: LayoutAnimation
   • 6.3 Fly the hat with Animated
   • 6.4 Animate opacity and scale with Animated
   • 6.5 Flip the hat: Animated interpolate (rotate)
   • 6.6 Animation master control: Animated interpolate
   • 6.7 Swipe the hat away: Animated and gestures
   • 6.8 react-native-animatable
   • 6.9 Lottie
7. Connect Screens Together: Navigation
   • 7.1 Navigation options in React Native
   • 7.2 React Navigation: one-screen navigation
   • 7.3 React Navigation: master-detail screens
   • 7.4 React Navigation: pass around parameters
   • 7.5 React Navigation: tabs
   • 7.6 React Navigation: transition animations
8. The "Real" React Native
   • 8.1 What? It's not the real React Native?
   • 8.2 Set up XCode and Android Studio
   • 8.3 Eject an Expo project
   • 8.4 Install native extensions