🚀 - Migrate demo application to standalone components

[Nikita Barsukov]

Why is it important ?

We have many examples when it is not obvious which modules are required to fully reproduce the example.

For instance, open this example:
https://taiga-ui.dev/next/components/input#sizes

If developer tries to reproduce it, it will not completely work.
Why ? Because, TuiInputModule is not the only required module.
It also requires TuiTextfieldControllerModule and TuiHintModule.
If we migrate the whole demo application to standalone, we can solve this problem (developer can see all required modules inside TypeScript tab).

Algorithm

1. Take any folder from https://github.com/taiga-family/taiga-ui/tree/main/projects/demo/src/modules/components
2. Check if it does not already contains standalone components
3. Migrate all examples to standalone (double check that standalone example imports ONLY REQUIERED modules, no any redundant imports)
4. Migrate host component of this documentation page (add export default)
5. Update routing file
   

   taiga-ui/projects/demo/src/modules/app/app.routes.ts

   Line 5 in 12b2a00

    export const ROUTES: Routes = [ 

6. Commit and push you branch (don't include many documentation pages in single PR; 1 PR per documentation page!)

Hints:

• You can use https://angular.io/guide/standalone-migration script. It has --path flag, if you find it useful. My own experience showed that it does not save so much time.