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

まず、この issue の学習アウトラインと、リポジトリに既にあるチュートリアルの構成を確認します。チュートリアルでは、一覧にある React Native のトピックを、導入、例、振り返り、次のページへの案内を含む、取り組みやすいまとまりで扱う必要があります。nice-to-have のトピックは任意です。