Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/juristr/egghead-scale-react-dev-with-nx
https://github.com/juristr/egghead-scale-react-dev-with-nx
Last synced: 22 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/juristr/egghead-scale-react-dev-with-nx
- Owner: juristr
- Created: 2020-08-20T14:51:45.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-09-24T09:42:34.000Z (about 3 years ago)
- Last Synced: 2024-10-10T12:14:40.208Z (about 1 month ago)
- Size: 1.24 MB
- Stars: 57
- Watchers: 5
- Forks: 34
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Egghead Course: Scale React Development with Monorepos and Nx
by Juri Strumpflohner ([Twitter](https://twitter.com/juristr) - [Blog](https://juri.dev))
**🔥🔥 Check out the course on [Egghead.io](https://egghead.io/courses/scale-react-development-with-nx-4038)🔥🔥**
This repository is organized in different branches, one branch for each video lesson
## Contents
1. Create a new empty Nx Workspace
2. [Generate a new React app with Nx](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/02-create-new-react-app)
3. [Generate new Projects for Nx with Nx Console](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/02-create-new-react-app)
4. [Running a React App in the Browser with Nx](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/02-create-new-react-app)
5. [Install and use external npm packages in an Nx Workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/03-add-external-material-package)
6. [Add Styling to a React app inside an Nx workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/04-add-styling-to-nx-react-app)
7. [Configure Assets for my React app in an Nx Workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/05-configure-assets)
8. [Create a Shared React Library in an Nx Workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/06-create-shared-ui-lib)
9. [Generate a TypeScript library in an Nx Workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/07-shared-agnostic-lib)
10. [Use the Nx Dependency Graph to Visualize your Monorepo Structure](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/07-shared-agnostic-lib)
11. [Create React Feature Libraries in an Nx Workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/08-routed-feature-lib)
12. [Create an Express Backend API in an Nx Workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/09-add-backend-api)
13. [Use Run Commands to launch the API and App of an Nx Workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/09-add-backend-api)
14. [Connect to an Express.js API from a React app in an Nx Workspace](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/11-connect-to-backend-api)
15. [Share and Reuse functionality with libraries in Nx](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/12-reuse-libraries)
16. [Share code between a React Frontend and Node.js Backend Application in Nx](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/13-share-backend-and-frontend)
17. [Use Storybook to Develop React Components in Nx](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/14-storybook)
18. [Use Cypress and Storybook to test your React Components in Isolation](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/15-storybook-e2e)
19) [Run Jest tests for a React app with Nx](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/16-adjust-jest-tests)
20) [Building your React app with Nx](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/17-fix-linting)
21) [Linting a React app with Nx](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/17-fix-linting)
22) [Scale CI runs with Nx Affected Commands](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/17-fix-linting)
23) [Speed up with Nx computation Caching](https://github.com/juristr/egghead-scale-react-dev-with-nx/tree/17-fix-linting)
## Questions
Feel free to reach out to me [on Twitter](https://twitter.com/juristr) or [open an issue](https://github.com/juristr/egghead-scale-react-dev-with-nx/issues).
## Credits
This course is powered by
- [Nrwl](https://nrwl.io)
- [Nx](https://nx.dev)
- [NxCloud](https://nx.app)