https://github.com/xiongemi/nx-react-native-monorepo-jokes
https://github.com/xiongemi/nx-react-native-monorepo-jokes
monorepo nx react react-native react-native-web vite webpack
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/xiongemi/nx-react-native-monorepo-jokes
- Owner: xiongemi
- Created: 2023-10-11T04:36:21.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-06-26T16:46:05.000Z (about 2 years ago)
- Last Synced: 2024-10-05T15:42:47.596Z (almost 2 years ago)
- Topics: monorepo, nx, react, react-native, react-native-web, vite, webpack
- Language: TypeScript
- Homepage: https://xiongemi.github.io/nx-react-native-monorepo-jokes/
- Size: 1.84 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NxReactNativeMonorepoJokes
✨ **This workspace has been generated by [Nx, a Smart, fast and extensible build system.](https://nx.dev)** ✨
## Apps
- techy-jokes: react native mobile app
- `nx start techy-jokes`: start the native app
- techy-jokes-cypress: cypress e2e project for react native app with react-native-web
- `nx e2e techy-jokes-cypress`: run e2e tests
- techy-jokes-vite: web app for react native mobile app with vite and react-native-web
- `nx serve techy-jokes-vite`: serve the web app
- techy-jokes-wepback: web app for react native mobile app with webpack and react-native-web
- `nx serve techy-jokes-webpack`: serve the web app
- techy-jokes-web: react web app with ReactJs and vite
- `nx serve techy-jokes-web`: serve the web app
## Start the app
To start the development server run `nx serve techy-jokes`. Open your browser and navigate to http://localhost:4200/. Happy coding!
## Generate code
If you happen to use Nx plugins, you can leverage code generators that might come with it.
Run `nx list` to get a list of available plugins and whether they have generators. Then run `nx list ` to see what generators are available.
Learn more about [Nx generators on the docs](https://nx.dev/plugin-features/use-code-generators).
## Running tasks
To execute tasks with Nx use the following syntax:
```
nx <...options>
```
You can also run multiple targets:
```
nx run-many -t
```
..or add `-p` to filter specific projects
```
nx run-many -t -p
```
Targets can be defined in the `package.json` or `projects.json`. Learn more [in the docs](https://nx.dev/core-features/run-tasks).
## Want better Editor Integration?
Have a look at the [Nx Console extensions](https://nx.dev/nx-console). It provides autocomplete support, a UI for exploring and running tasks & generators, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.
## Ready to deploy?
Just run `nx build demoapp` to build the application. The build artifacts will be stored in the `dist/` directory, ready to be deployed.
## Set up CI!
Nx comes with local caching already built-in (check your `nx.json`). On CI you might want to go a step further.
- [Set up remote caching](https://nx.dev/core-features/share-your-cache)
- [Set up task distribution across multiple machines](https://nx.dev/core-features/distribute-task-execution)
- [Learn more how to setup CI](https://nx.dev/recipes/ci)
## Connect with us!
- [Join the community](https://nx.dev/community)
- [Subscribe to the Nx Youtube Channel](https://www.youtube.com/@nxdevtools)
- [Follow us on Twitter](https://twitter.com/nxdevtools)