What is this?

A playground project to learn some modern React Native.

• Expo
• Tailwind
• Reanimated
• React Query
• D3.js (soon)

Current App

animations, navigation, react query data fetching and revalidation

progress-video-demo.-.1.mov

Installation

How can I get this up and running?

Install project dependencies:

$ npm i

Run over local network on a real device with Expo Go

$ npm start

Run on your computer with an emulator (requires Xcode)

$ npm run ios

Directory Structure

How do I find my way around this app?

App.js //=>entry point
src/ //=> app code goes here
  | components/ //=> react components
  | hooks/
  | screens/ //=> screens/pages, React components that create a new route in the app
  | /types //=> custom TS type definitions that don't make sense to live with a component

Development

How do I get my dev environment set up so I can start hacking on this app?

Requirements:

For Expo CLI (installed locally in the project, no global install required). Can also be run with npx, eg: npx expo -h

Make sure you have the following installed more info.

• NodeJS LTS
• git
• watchman

Make sure you installed the dependencies:

$ npm i

Deployment

How do I deploy this app?
TODO: instructions for ESA go here...