Articles on Angular (PWA, Material Design, CDK, CSS Variable)
Reading Time: < 1 minute Theming Angular with CSS Variables PWA with angular at angular lunch meetup Dynamic UI with CDK Portals Learning Angular: Conditionally add styles to an element
Angular
Articles on custom form control
Reading Time: < 1 minute Custom form control in Angular 2+ Multi providers in Angular 2+ angular.io Custom Validators
Articles on Angular dynamic reactive form
Reading Time: < 1 minute Demystifying dynamic Forms in Angular Creating a Dynamic Checkbox List in Angular Configurable Reactive Forms in Angular with dynamic components
How to build webcomponentjs v0 polyfill and include in angular
Reading Time: < 1 minute 1) git clone https://github.com/webcomponents/webcomponentsjs repository 2) check out v0 branch 3) install gulp globally npm install -g gulp 4) build webcomponentjs manually npm install gulp build 5) Find the generate js files in dist/ folder 6) Copy webcomponents.min.js to assets folder of angular project 7) import webcomponents.min.js to polyfill.ts import “./assets/webcomponents.min”;
Create custom element in angular 6
Reading Time: 2 minutes 1) Create Angular Project ng new <project name> –prefix custom –style=scss –skip-tests 2) Use schematics to add angular element support ng add @angular/elements 3) Use angular-cli to generate new component and specify encapsulation is ViewEncapsulation.Native 4) REmove the document-create-element polyfill from script array. 5) Install custom-lements polyfill, “@webcomponents/custom-elements” yarn add @webcomponents/custom-elements 6) Update polyfills.ts to … Read more
Articles I want to read
Reading Time: < 1 minute Tensorflow https://towardsdatascience.com/how-to-build-a-gesture-controlled-web-based-game-using-tensorflow-object-detection-api-587fb7e0f907 Ngrx https://medium.com/@bo.vandersteene/advanced-pagination-with-ngrx-store-and-angular-5-f26ca4761cef https://medium.com/@vlado.tesanovic/handling-keyboard-shortcuts-in-angular-with-redux-ngrx-c88907f17ca8 Angular https://blog.angularindepth.com/angular-ivy-change-detection-execution-are-you-prepared-ab68d4231f2c https://medium.com/frontend-coach/self-or-optional-host-the-visual-guide-to-angular-di-decorators-73fbbb5c8658 https://medium.com/@davidibl/advanced-reusable-custom-angular-validator-9ca5febef583 https://malcoded.com/posts/web-assembly-angular?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more JS Using trampolines to manage large recursive loops in JavaScript React Native https://medium.freecodecamp.org/after-building-my-first-react-native-app-im-now-convinced-it-s-the-future-d3c5e74f8fa8
Angular Reactive Form Articles
Reading Time: < 1 minute Angular Reactive Form Reactive Forms Form Array Dynamic Fields https://alligator.io/angular/reactive-forms-formarray-dynamic-fields/ Angular Reactive Form https://angular.io/guide/reactive-forms Reactive Form (Stackblitz) Angular 2 Reactive Form https://toddmotto.com/angular-2-forms-reactive REACTIVE FORMS IN ANGULAR https://blog.thoughtram.io/angular/2016/06/22/model-driven-forms-in-angular-2.html Reactive Form and Formarrayname https://github.com/railsstudent/dnd Build dynamic reactive form https://juristr.com/blog/2017/10/demystify-dynamic-angular-forms/