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

Empieza revisando el esquema de aprendizaje de este issue y la estructura existente de tutoriales del repositorio. El tutorial debe cubrir los temas de React Native indicados en bloques fáciles de asimilar, con una introducción, ejemplos, un repaso y una indicación para pasar a la siguiente página; los temas nice-to-have son opcionales.