Skip to content

Latest commit

 

History

History
69 lines (37 loc) · 3.33 KB

follow-up.md

File metadata and controls

69 lines (37 loc) · 3.33 KB
Raw
title
Learning more

We tried to set expectations early on that this tutorial is more focused towards doing than explaining. Now that the doing is done, explanations are in order.


Filling in the gaps on concepts that we applied

React

We used React components and APIs here with little explaination. Having a solid understanding of React is essential to using Expo to build your app. We recommend reading the Main Concepts section and the Hooks section of the React documentation.

How to verify your Learning

  • You understand how to use React.useState, that it is a hook, and what the equivalent for React class components is.
  • Add a new button to clear the selected image state.
  • You can create a reusable Button component to clean up duplication of TouchableOpacity / Text.

async/await, import, and other JavaScript features

Read about Modern JavaScript on React Native Express.

How to verify your Learning

  • You can move part of the code from our app into a separate file, export it, and import it successfully into App.js.

View and Text styles

Read through the View API reference and Text API reference in the React Native documentation.

How to verify your Learning

  • 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.

Flexbox

This is the way you position and size the components on your screen. Learn more about it in Height & Width and Layout with Flexbox in the React Native documentation.

How to verify your Learning

  • Remove the logo image and re-build it using just View, Text. Use the "sunrise over mountains" 🌄 emoji where needed.

Topics that we didn't cover and you will soon care about

Deployment

How 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 and deploying websites.

Configuration with app.json

You will want to configure your app icon, splash screen, and other things that are done in app.json rather than in your app code. Learn more about app icons and splash screens.

Navigation

Most apps have multiple screens, we just have one here! Learn more about how to add navigation to your app by following the Fundamentals guide in the React Navigation documentation.

Debugging

Sometimes 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.

Using the documentation

Read more about how you can navigate this documentation and use it effectively.