https://github.com/welikegraphql/how-to-structure-react-and-react-native-projects
How to structure React and React Native projects
https://github.com/welikegraphql/how-to-structure-react-and-react-native-projects
Last synced: 2 months ago
JSON representation
How to structure React and React Native projects
- Host: GitHub
- URL: https://github.com/welikegraphql/how-to-structure-react-and-react-native-projects
- Owner: WeLikeGraphQL
- Created: 2020-01-16T20:16:06.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T16:04:54.000Z (over 3 years ago)
- Last Synced: 2025-07-10T16:30:19.982Z (12 months ago)
- Language: TypeScript
- Size: 3.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# How to structure React and React Native projects
> This a result of experience + Research & Development
It's still **Work In Progress**, although, we believe that it is already a quite complete example.
## Running the app
```
yarn install
// starts Next.js app
cd web_app && npm run dev
// starts React Native app in iOS Simulator
cd native_app
cd ios && pod install
cd .. && npm run ios
// android not ready yet
```
## Tech-Stack
1. GraphQL
2. React with Hooks
3. React Native
4. Apollo
5. Next.js
6. Redux
7. Yarn Workspaces
8. Typescript
## The idea for the app
As a Proof Of Concept we selected a real use-case scenario, which is as follows:
1. Fetching data about Youtube videos from a GraphQL Endpoint.
2. Displaying videos in React and React Native apps.
3. Possibility to fetch more videos.
4. Not playing two videos at the same time (dispatching actions via Redux)
## To Do:
1. Android version.
2. Checking TypeScript implementation.
3. Tests.