Getting Started
  • How to Get Help
  • Course Resources
  • Join Our Community!
  • Course Overview
  • Boilerplate Download
  • Detailed Installation Instructions for macOS
  • Detailed Installation Instructions for Windows
  • App Setup
  • Making Changes
  • Using iOS and Android Simulators
Working with Content
  • Overview of React Components
  • Showing a Custom Component
  • Common Questions and Answers
  • Rules of JSX
  • One Common Error
  • JSX Exercise Overview
  • JSX Solution
List Building - With Style!
  • Building Lists
  • The FlatList Element
  • Rendering a FlatList
  • Why a Key Property?
  • Solving the Key Issue
  • A Few Props Around FlatList
  • Exercise Overview
  • Exercise Solution
Navigating Users Between Screens
  • Button Types
  • Buttons in Action
  • Touchable Opacity in Action
  • Navigating with React Navigation
  • Destructuring Props
Building Reusable Components
  • Component Reuse with Props
  • Exercise Solution
  • Parent-Child Relationships
  • Communicating from Parent to Child
  • Images Download
  • Showing Images
  • Passing Images as Props
  • Exercise Outline
  • Exercise Solution
State Management in React Components
  • State in Components
  • Screen Boilerplate
  • State in Action
  • Notes on State
  • App Overview
  • Generating Random Colors
  • Adding Random Colors
  • Showing Colors with a FlatList
  • App Overview
  • Reusable Color Adjusters
  • Coordinating State
  • Passing Callbacks to Children
  • Tying State Values Together
  • Validating State Changes
  • Reusable State Updates
  • Introduction to Reducers
  • Creating a Reducer
  • Applying State with a Reducer
  • Restoring Validation
  • Community Convention in Reducers
  • Exercise Outline
  • Exercise Solution
  • Handling Text Input
  • Showing a Text Input
  • Two Important Props
  • Weird Things with Text and State
  • Updating State
  • Exercise Outline
  • Exercise Solution
How to Handle Screen Layout
  • Layout with React Native
  • Basics of Box Object Model
  • AlignItems with Flex
  • Flex Direction
  • Justify Content
  • Flex Values
  • Align Self on Children
  • The Position Property
  • Top, Bottom, Left, Right
  • Absolute Fill Objects
  • Applying Layout Systems
  • Exercise Overview
  • Exercise Solution
Putting It All Together - Restaurant Search App
  • App Overview
  • Important Note About Project Generation
  • Project Generation
  • Yelp API Workarounds
  • Yelp Signup
  • Yelp Walkthrough
  • React Navigation
  • React Navigation Fix
  • Assembling a Navigator
  • Architecture Approach
  • Starting the SearchBar