PinkLemonadeWeb use:
- Nx: It's a set of extensible dev tools for monorepos.
- Typescript: Superset javascript for types and abstraction.
- React: A JavaScript library for building user interfaces
- Styled Components: Powerful preprocessor css (Css-in-Js) in javascript
- Others...?
Check the documentation for our interface library here
Check the documentation for our utils library here
Run nx test <PROJECT> to execute the unit tests via Jest.
Run nx affected:test to execute the unit tests affected by a change.
Run ng e2e <PROJECT> to execute the end-to-end tests via Cypress.
Run nx affected:e2e to execute the end-to-end tests affected by a change.
Run nx run <PROJECT>:storybook to execute the storybook via Storybook.
You can use
nx run ui:storybookfor make your components
Run nx g component --name=<Component> --project=ui --pascalCaseFiles --export --directory=<Category>/<component> to generate an application.
exemple:
nx g component --name=Button --project=ui --pascalCaseFiles --export --directory=myCategory/button
Components are sharable across libraries and applications. They can be imported from npm using npm i @pink-lemonade-web/ui.
Run nx g @nrwl/workspace:lib <LIB_NAME> --pascalCaseFiles --publishable to generate a library typescript.
You can also use any code parts to reuse in others project through npm.
Libraries are sharable across libraries and applications. They can be imported from npm using npm i @pink-lemonade-web/<LIB_NAME>.
Run nx g @nrwl/react:lib --name=Ui --pascalCaseFiles --publishable to generate a library React.
Run nx build <PROJECT|LIB> to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Run nx dep-graph to see a diagram of the dependencies of your projects.
Visit the Nx Documentation to learn more.