Skip to content

Hands-on workshop to go through the fundamentals of React Native!

Notifications You must be signed in to change notification settings

infinitered/ReactNativeEssentials2024

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Essentials

Welcome to the React Native Essentials workshop! This hands-on workshop will go through the fundamentals of React Native from “init-ing” our application to getting our app to looking good to digging into native libraries. It will wrap up with a discussion on more “intermediate” topics and address any questions the class may have. The objective of this workshop is to help React developers take the plunge into mobile and show the similarities between the two platforms.

Table of contents (subject to change):

  1. Getting Started
    1. Setting up the Environment
    2. Working with dependencies
    3. Application Architecture
    4. Looking Under the Hood
  2. Making Stuff Look Good (custom components, styling, and layout)
  3. Navigating the App
  4. Filling in the List (working with lists and api data)
  5. Responding to Touches (pressables and inputs)
  6. Wrap-up & Q&A

Table of Contents

Quick Start

For the full instructions on how to setup your environment for React Native development, head on over to our React Native Essentials Starter Pack Environment Setup doc (be sure to also set up either your iOS Simulator and/or Android Emulator).

  1. Run the project setup script:
yarn setup
  1. Start the metro bundler:
yarn start
  1. Build in dev mode:
  • Android: by typing a in metro, or in a new shell instance:

    yarn android
  • iOS: by typing i in metro, or in a new shell instance:

    yarn ios
  1. Build for your device:

Troubleshooting

If you can't get this to work, see the Troubleshooting page.

Learn More

To learn more about React Native, take a look at the following resources: