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 主题是可选的。