Custom Angular Schematics — Generating Custom Component (advanced)

Published: 19 April 2022
on channel: Decoded Frontend
16,251
431

In this video, we will continue to explore angular schematics and I am going to show you have to create a schematic that will generate a custom component for you with an already pre-injected Angular service. This video is an extension of the previous one where we were implementing the ng-add schematic. I hope you will learn something new today and please enjoy the video.

💥 Angular courses made by Dmytro - https://bit.ly/df-courses 💥
✂️ Use coupon YOUTUBE_DISCOUNT to get a 10%-off discount ✂️

🕒 Time Codes:
00:00:00 - Intro;
00:01:04 - Quick walk through the project;
00:04:23 - Implementing the schematics to generate a custom component;
00:07:56 - What is Schematic Schema;
00:11:57 - Define an interface for options;
00:13:00 - Implementing factory function for the schematics;
00:15:44 - About Schematics Templates;
00:21:37 - Continue work on Schematic factory function;
00:34:08 - How to reuse existing schematics;
00:40:06 - Outro;

Link to the Project on GitHub:
https://github.com/DMezhenskyi/ngx-sc...

More about Schematics on Angular Docs:
https://angular.io/guide/schematics-f...

↙️ Short Frontend Snacks every week here:

Twitter -   / decodedfrontend  
Instagram -   / decodedfrontend  
LinkedIn -   / dmezhenskyi  

#angular #webdevelopment #schematics #ng


Watch video Custom Angular Schematics — Generating Custom Component (advanced) online without registration, duration hours minute second in high quality. This video was added by user Decoded Frontend 19 April 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 16,251 once and liked it 431 people.