|
|
@ -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. |