https://github.com/pcofilada/simple-react-native-starter

Simple ReactNative starter with an opinionated folder structure for mobile development.
https://github.com/pcofilada/simple-react-native-starter

android boilerplate ios javascript react react-native react-native-boilerplate redux starter-kit typescript

Last synced: 28 days ago
JSON representation

Simple ReactNative starter with an opinionated folder structure for mobile development.

• Host: GitHub
• URL: https://github.com/pcofilada/simple-react-native-starter
• Owner: pcofilada
• Created: 2016-12-30T18:57:25.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T16:44:32.000Z (over 1 year ago)
• Last Synced: 2024-04-10T21:43:41.351Z (about 1 month ago)
• Topics: android, boilerplate, ios, javascript, react, react-native, react-native-boilerplate, redux, starter-kit, typescript
• Language: Java
• Homepage:
• Size: 2.08 MB
• Stars: 72
• Watchers: 7
• Forks: 25
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Lists

• awesome-react-native - react-native-boilerplate ★61 - Simple boilerplate for mobile development using React Native and Redux (Seeds / Other Platforms)

README

        
# Simple React Native Starter

Simple ReactNative starter with an opinionated folder structure for mobile development.

## Getting Started

1. Ensure you've followed the [React Native - Get Started Guide](https://facebook.github.io/react-native/docs/getting-started.html)

1. Clone this project `git clone [email protected]:pcofilada/simple-react-native-starter.git`

1. Run `yarn install` from root directory

1. Run `yarn ios` or `yarn android` from root directory

## Folder Structure

- `android/` - Android native stuff

- `ios/` - iOS native stuff

- `src/` - Contains all of our react native codebase

  - `App.tsx` - Base react native component

  - `Router.ts` - App navigation

  - `api/` - Api call related functions

  - `assets/` - Images, fonts and other static files

  - `config/` - Config files

  - `containers/` - [Smart Components](https://medium.com/@thejasonfile/dumb-components-and-smart-components-e7b33a698d43)

  - `context/` - [React Context](https://reactjs.org/docs/context.html)

  - `types/` - Typescript related files or functions

  - `utils/` - Helper functions

  - `components/` - [Dumb Components](https://medium.com/@thejasonfile/dumb-components-and-smart-components-e7b33a698d43)

    - `common/` - Shared components