Added instructions for creating react apps and components

pull/5370/head
ioedeveloper 3 years ago
parent 5d58848669
commit 7e0bb262c5
  1. 30
      libs/remix-ui/README.md

@ -2,12 +2,34 @@
This library was generated with [Nx](https://nx.dev). This library was generated with [Nx](https://nx.dev).
## Steps To Generate React Lib ## Pre-requisite
- Install **NxConsole** vscose extension - Install **NxConsole** vscose extension
## Steps To Generate React App
- Open **NxConsole** extension
- Click generate option
- Select **@nrwl/react - application**
- Enter the name of the application
- Set **e2eTestRunner** to **none**. (This is because we run e2e tests with nightwatch)
- Set **unitTestRunner** to **none**.
- Click the run button in the top right corner of the generate page.
- Your react application should be created in **{root}/apps** directory.
## Steps To Generate React Lib
- Open **NxConsole** extension - Open **NxConsole** extension
- Click generate option - Click generate option
- Select **@nrwl/react -Library** - Select **@nrwl/react - library**
- Enter library name - Enter the name of the library
- Set **directory** to **remix-ui** - Set **directory** to **remix-ui**
- Set **importPath** to **@remix-ui/{library-name}** - Set **importPath** to **@remix-ui/{library-name}**
- Click the run button in the top right corner of the generate page. - Set **unitTestRunner** to **none**.
- Click the run button in the top right corner of the generate page.
- Your react library should be created on **{root}/libs/remix-ui** directory.
## Steps To Generate React Component
- Open **NxConsole** extension
- Click generate option
- Select **@nrwl/react - component**
- Enter the name of the component
- Select the name of the project/library that uses the component. (e.g TreeView library)
- Set component directory if needed.
- Click the run button in the top right corner of the generate page.
- Your react component should be created with the project/library name specified.
Loading…
Cancel
Save