Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jvaclavik/react-and-native
Devstack for web (React) and mobile (React Native) apps with shared logic and data handling
https://github.com/jvaclavik/react-and-native
Last synced: 3 days ago
JSON representation
Devstack for web (React) and mobile (React Native) apps with shared logic and data handling
- Host: GitHub
- URL: https://github.com/jvaclavik/react-and-native
- Owner: jvaclavik
- Created: 2018-12-03T08:08:18.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-09T13:24:47.000Z (about 6 years ago)
- Last Synced: 2024-11-10T07:40:53.879Z (2 months ago)
- Language: JavaScript
- Size: 120 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React and Native devstack
## Idea
- Sharing common logic, work with API, Redux, epics, themes, configs and translations between mobile and web apps
- Separate components, screens and own configs
## Installation and run
Prerequisites:
- NodeJS: https://nodejs.org
- Expo: https://docs.expo.io/versions/v30.0.0/introduction/installation
- Yarn: https://yarnpkg.com/lang/en/docs/install/#mac-stable
- Device: Expo client app / own mobile device / simulator
Clone repository and install deps:
```
git clone https://github.com/jvaclavik/react-and-native
cd react-and-native
yarn
```
## Run
### Web app
Start web server:
```
yarn web
```
Open in browser: http://localhost:3000/
### Mobile app
Start expo server:
```
expo start
```
Scan QR code or click on `Run on iOS simulator`
## Technologies
- React
- Expo
- React Native
- Redux
- Redux Observables
- Flow
- React router for React, React navigation for React Native
- Axios
## TODO
- [x] Create basic devstack and code structure
- [x] Add support for web
- [x] Add configs for Eslint, Prettier, etc.
- [x] Add yarn scripts for web and mobile apps
- [x] Share Redux between the apps
- [x] Add epic and logger middleware for Redux
- [x] Choose navigation routers
- [x] ~~Unify routers with react navigation~~
- [x] Demonstrative use of redux, epic and API call
- [x] Create basic tests
- [ ] Unify web & mobile translations (https://github.com/i18next/react-i18next/tree/master/example/reactnative-expo)
- [ ] Create general styles for `a, body`, etc.
- [ ] Unify basic screens and components
- [ ] Add Redux-persists