New Component/Service/Pipe Creation Process

This section will explain the proper way to create a new component/service/pipe since the refactor. We will use a component as an example but the process is exactly the same for a service or pipe.

Steps:

  • Create a folder in src/lib/src/components for your new component and add the necessary files (TS, HTML, SCSS)

  • Add a line to the src/lib/src/components/index.ts barrel file that exports your new component

    • export * from './my-new-component/my-new-component.component';

  • Create a folder in src/demo/app/demos for your new component. This is where you will be creating the demo. It is no longer in the same folder as the component.

  • Import your new component into the ui-library component and the app.module.ts and register it with both like you normally would.

Last updated