Tutorial
Nobody has claimed this yet.
Assessment
- Difficulty
- 5/5
- Estimated time
- Over a week
- Newbie friendliness
- 20/100
- Issue type
- Documentation
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- javascript, react-native
- Domain
- documentation, mobile-dev
Research direction
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.
Written by the indexing model from the issue text.
Description
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
- Dominant language
- JavaScript
- Stars
- 6
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from MLH-Fellowship/react-native-tutorial
-
MLH-Fellowship/react-native-tutorial#41 · 1 assignee ·
-
Meeting notes Open
Difficulty 1/5 Under an hour Newbie friendliness 30/100
MLH-Fellowship/react-native-tutorial#39 · 1 comment · 4 reactions ·
-
MLH-Fellowship/react-native-tutorial#36 · 1 comment · 1 assignee ·
-
MLH-Fellowship/react-native-tutorial#35 · 3 comments · 1 assignee ·
-
MLH-Fellowship/react-native-tutorial#34 · 1 assignee ·
All issues in MLH-Fellowship/react-native-tutorial
Similar issues
-
curation good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
amponce/archive-movie-browser#186 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
clerk/javascript#9852 ·
-
bug p1 tools
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
HarperFast/skills#96 ·
-
factory-active factory-automatic task-bug-reproduction-cannot-reproduce task-identify-harness-labels-done task-identify-issue-type-done
Difficulty 2/5 1-3 hours Newbie friendliness 84/100