React Native & Expo Crash Course


Be sure to have the programs specified in setup.html installed to your system Github Education is not required. Use this page to keep pace with the workshop, or for solo practice. It will be accessible to you 24/7.

This workshop assumes you've had some exposure to Javascript and HTML




1) Execute the following command:
npx create-expo-app your_app_name

On completion execute:

    cd app_name
    npx expo start
    Scan the QR Code in your terminal

Tips

  • Verify all packages installed completely
  • Change directory into application for npm run
  • Ensure Expo Go is installed to your mobile phone/tablet & that you are on the same network as your laptop
  • you can simply put a period in the name of the repo if you want to install in the current folder



2) JSX

This is the main syntax you'll be interacting with as you build a React or React Native based application. It allows you to join the HTML syntax directly into the Javascript function bodies. This allows for faster coding and a neater way to structure file systems & directories.


Practice using JSX Cheatsheet !!!

Example of JSX Syntax

export default function Words (){
const name = "Ibrahima";
return (

<Text> Any set of words can be thrown in here, no quotes required. Javascript variables/functions are also accessible by wrapping the var name in curly braces. I can say: Hello, my name is {name_var} </Text>

)};

I'll let you test how the last bit of that text would output.