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

Beginne damit, die Lernübersicht in diesem Issue und die bestehende Tutorial-Struktur des Repositorys zu prüfen. Das Tutorial sollte die aufgeführten React Native-Themen in gut konsumierbaren Abschnitten mit einer Einführung, Beispielen, einer Zusammenfassung und einer Aufforderung zum Aufrufen der nächsten Seite abdecken; die Nice-to-have-Themen sind optional.