Tutorial

The goal of this tutorial is to walk the audience through the process than being comprehensive.

Example: You can show them how to style a list to make it look like a design mockup and then link to the layout page for more information—but you won’t show them how to use every layout option!

Learning outline

• Make a Form
  • TextInput
  • Intro “controlled components” (state managed values)
  • Button
  • ScrollView
  • List View? (Some reckoning of the Lists of RN would be great)
• Add some styling
• Managing state (we cover this in the React Intro, but the app should also have some state management)
• Helpful built-in tools for working with RN
• Fast Refresh
• Flipper
• Log Box
• A launch screen and icons

Nice to haves

• Images
• Light animation
• Including fonts
• Responsive Design—for apps!
• How to ship it

Format

The Outline should be split into consumable chunks, each feature the following format:

• Intro text: “What you will learn”
• Content + examples
• Recap
• Prompt to move to next page

Start by reviewing the learning outline in this issue and the repository's existing tutorial structure. The tutorial should cover the listed React Native topics in consumable chunks with an introduction, examples, recap, and next-page prompt; the nice-to-have topics are optional.