https://github.com/brunolemos/react-native-web-monorepo

Code sharing between iOS, Android & Web using monorepo
https://github.com/brunolemos/react-native-web-monorepo

boilerplate create-react-app hacktoberfest monorepo react react-native react-native-web tutorial typescript

Last synced: 11 days ago
JSON representation

Code sharing between iOS, Android & Web using monorepo

• Host: GitHub
• URL: https://github.com/brunolemos/react-native-web-monorepo
• Owner: brunolemos
• Created: 2019-03-05T07:58:08.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-04-03T07:55:33.000Z (over 3 years ago)
• Last Synced: 2024-10-16T10:47:12.504Z (25 days ago)
• Topics: boilerplate, create-react-app, hacktoberfest, monorepo, react, react-native, react-native-web, tutorial, typescript
• Language: Java
• Homepage: https://dev.to/brunolemos/tutorial-100-code-sharing-between-ios-android--web-using-react-native-web-andmonorepo-4pej
• Size: 1.57 MB
• Stars: 863
• Watchers: 34
• Forks: 176
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Native [Web] + Monorepo

## 100% code sharing between Web, iOS and Android

This is the source code from [this tutorial](https://dev.to/brunolemos/tutorial-100-code-sharing-between-ios-android--web-using-react-native-web-andmonorepo-4pej).

Tech Stack: TypeScript v4, React Native v0.63, Next.js v10 & Create React App v4.

Prettier and ESLint are also configured as pre-commit hooks.

![article-cover](https://user-images.githubusercontent.com/619186/64933790-1fc27680-d81d-11e9-8077-64a1066b7c17.png)

### How to run

- `$ git clone [email protected]:brunolemos/react-native-web-monorepo.git`

- `$ cd react-native-web-monorepo`

- `$ yarn`

- Web

  - [CRA] `$ yarn workspace web-cra start`

  - [Next.js] `$ yarn workspace web-nextjs dev`

- Mobile

  - [iOS]

    - `$ cd packages/mobile/ios && pod update && pod install && cd -`

    - [CLI]

      - `$ yarn ios`

    - [Xcode]

      - `$ yarn workspace mobile start`

      - `yarn xcode`

      - Press the Run button

  - [Android]

    - [CLI]

      - `$ yarn android`

    - [Android Studio]

      - `$ yarn workspace mobile start`

      - `yarn studio`

      - Press the Run button

## Who is using this on production

Check out [DevHub](https://github.com/devhubapp/devhub), which is the project that inspired this repository.

### Author

Follow me on Twitter: [@brunolemos](https://twitter.com/brunolemos)