xref: /expo/docs/pages/tutorial/follow-up.mdx (revision 88331e54)
1---
2title: Learning more
3---
4
5We tried to set expectations early on that this tutorial is more focused towards _doing_ rather than _explaining_. Now that the doing is done, let's fill in gaps on concepts that we applied.
6
7## React
8
9We used React components and APIs here with little explanation. Having a solid understanding of React is essential to using Expo to build your app. We recommend reading the [Main Concepts section](https://reactjs.org/docs/hello-world.html) and the [Hooks section](https://reactjs.org/docs/hooks-intro.html) of the React documentation.
10
11{/* TODO: replace this recommendation with the react-native tutorial when it's live */}
12
13### How to verify your learning
14
15- You understand how to use `React.useState`, that it is a _hook_, and what the equivalent for React _class_ components is.
16- Add a new button to clear the selected image state.
17- You can create a reusable `Button` component to clean up duplication of `TouchableOpacity` / `Text`.
18
19## async/await, import, and other JavaScript features
20
21Read about [Modern JavaScript on React Native Express](https://www.reactnative.express/javascript/features).
22
23### How to verify your learning
24
25- You can move part of the code from our app into a separate file, export it, and import it successfully into App.js.
26
27## View and Text styles
28
29Read through the [View API reference](https://reactnative.dev/docs/view) and [Text API reference](https://reactnative.dev/docs/text) in the React Native documentation.
30
31### How to verify your learning
32
33- Remove all of the styles from your app and attempt to re-create them from scratch, only referring to the View and Text API reference pages when needed.
34
35## Flexbox
36
37This is the way you position and size the components on your screen. Learn more about it in [Height & Width](https://reactnative.dev/docs/height-and-width) and [Layout with Flexbox](https://reactnative.dev/docs/flexbox) in the React Native documentation.
38
39### How to verify your learning
40
41- Remove the logo image and re-build it using just `View`, `Text`. Use the "sunrise over mountains" �� emoji where needed.
42
43## Configuring your app with app.json
44
45We covered the basic minimal configuration, but you learn more about customizing your [app icon](/guides/app-icons) and [splash screen](/guides/splash-screens) in their respective guides. Learn more about other properties you can configure in [app.json property reference](/workflow/configuration).
46
47### How to verify your Learning
48
49- You will typically be referred back to **app.json** as part of guides that explain how to accomplish specific tasks, as such there isn't much you need to learn beyond its existence and how to use specific properties as the need arises.
50
51## Topics that you will soon care about
52
53### Standalone apps & deployment
54
55How can you take what you have built and turn it into an app that you ship to the App Store and Play Store. Learn more about [distributing your app to stores](/distribution/introduction) and [deploying websites](/distribution/publishing-websites).
56
57### Navigation
58
59Most apps have multiple screens, we just have one here! Learn more about how to add navigation to your app by following the [Fundamentals guide](https://reactnavigation.org/docs/getting-started) in the React Navigation documentation.
60
61### Debugging
62
63Sometimes things go wrong, and when they do you need to use debugging tools to figure out where your code is having trouble. [Read more about debugging](/workflow/debugging).
64