Skip to content

gdgcde/bootcamp-gdg-mobile

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UP AND RUNNING

I. Glogal dependencies

1. Install Node 8+
2. Run "yarn global add expo-cli"

II. Creating project

1. Run "expo init AwesomeProject"
2. Selecte blank template
3. This has installed the following packages: react, react-native and expo, you can see on package.json

III. Start project

1. Run "yarn start" or "expo start"

IV. Run and debugging Cuando desarrollas con Expo, normalmente se escribe código y ejecuta el metro bundler [1] en su computadora local, pero luego se desea cargar la aplicación en su teléfono. También el cliente Expo abre el Expo dev tools, un panel de control para desarrollar la aplicación.

  1. The Expo dev tools run on http://localhost:19002/
  2. The Expo app run on http://localhost:19001/debugger-ui

V. Making your first changes

  1. Can't see your changes?

    a. Live reloading (default) [2] or Hot reloading [3] c. Development mode d. Restart the app

  2. Manually reloading the app

VI. Basic concepts

  1. State (branch state)
  2. Props (branch props, check commits)
  3. Style (branch styles)

VII. Twitter app

  1. Run "yarn add react-navigation native-base"
  2. Create a nav folder in src
  3. Move App.js to index.js, inside components/Home
  4. Create the login page with an input and send the username to the Home.
  5. Add The stack navigator inside index.js in nav folder
  6. Add Input for Login

Refs: [1] Es un servidor http que compila el código JS usando Babel y sirve en el Expo app. [2] Reload or refreshes the entire app if a file changes, losing the state of the app. [3] Only refreshes the files that were changed without loging the state of the app.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%