https://github.com/webmobiledev/react-native-wonder

https://github.com/webmobiledev/react-native-wonder

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/webmobiledev/react-native-wonder
• Owner: webmobiledev
• Created: 2021-04-09T17:58:37.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-04-09T19:42:29.000Z (almost 5 years ago)
• Last Synced: 2025-01-26T04:09:13.450Z (about 1 year ago)
• Language: TypeScript
• Size: 156 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Wonder App

## Mobile Tech Stack

- Node 10.4.1

- React Native 0.56

- TypeScript

- Redux

- Cocoapods (iOS)

## Main React Native Dependencies

- React Navigation v2

- Redux persist (Redux connection to Local Storage)

- Redux (App storage)

- Redux Sagas (Async redux middleware)

- Axios (Network Requests)

- React Native Camera

- React Native Calendars (Pretty Calendar Display)

- Gifted Chat (Chat)

- Reactotron (DevTool)

## Getting up and running

- `git clone ...` - Clone the repository

- `yarn` or `npm install` - install the node dependencies

- `gem install cocoapods` - Install cocoapods on your machine

- `cd ios` and run `pod install` - Install the pods needed for the iOS

- `yarn dev` or `npm run dev` - start the iPhone 5s simulator (see package.json)

## Project Structure

|-- `src`

  |-- `assets` - Images, Audio, Global styles, etc.

  |-- `services` - Third party integration pieces (Google Maps ex)

  |-- `store`

    |-- `reducers` - Redux reducers

    |-- `actions`

    |-- `sagas` - Redux sagas split by "feature" or model

  |-- `types` - TypeScript types that map to backend models and other app structures

  |-- `utils` - Generic reuseable utilities

  |-- `views`

    |-- `router` - React navigation implementation and navigators

    |-- `components` - Dumb components

      |-- `theme` - created components specific to this app's theme

    |-- `containers` - Specific redux-connected components that are needed in a mid-level

    |-- `screens` - The Top level redux-connected components