Code Monkey home page Code Monkey logo

formidable-workshopme-rn-workshop's Introduction

Workshop.me React Native Workshop

Prerequisites

  • Follow the instructions here under the "Building Projects with Native Code" to make sure your environment is set up properly
  • Choose to develop for Android or iOS. If you are on Windows, you'll be using Android. On OSX, you have options.
  • Follow the instructions here to make sure you have Yarn installed
  • If using iOS, run sudo gem install cocoapods to install CocoaPods

Verifying environment setup is complete

  • Please make sure that you can get an iOS simulator or a Android emulator running
  • Run react-native init MyProject
  • Run cd MyProject
  • Run yarn
  • Run react-native run-ios or react-native run-android depending on which environment you set up earlier.

If your environment is set up properly, you'll see a simulator pop up with a Welcome app, and you are good to go.

Running this repo

  • In this repo's root, use your CLI to run yarn to install dependencies
  • If using iOS, run pod install in the ios directory.
  • When it completes, run react-native run-ios or react-native run-android to start the simulator for your target platform, and make sure you can get this app running in the simulator or on your device.

Getting started

For this workshop, the lessons are located in the src folder of this repo. Switching from lesson to lesson involves modifying the import in src/index.js to point at the folder of the lesson we are working on. Take a look in src to identify how this works. You will be prompted at the beginning of each lesson to switch to the current lesson in src/index.js.

Links

React Native Docs

React Navigation Docs

React Native Vector Icons

React Native Maps Docs

React Native Firebase Docs

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.