✳️ Implementing a Loading Skeleton in Angular

#angular #directive #skeleton #ui_element

Skeletons are placeholder elements that are displayed before the actual content is loaded on a webpage. A skeleton is usually a light gray box or circle that you see on websites like Medium, YouTube, etc. Skeletons convey a visual impression of the feature, which gives them an advantage over spinners.

✅ Article Link: https://netbasal.com/implementing-a-loading-skeleton-in-angular-7490ffdecc1b

🎁 Code Link:
Step 1: https://gist.github.com/NetanelBasal/33f8ec9a106ee2367f3b9847fd3043cb#file-rect-ske-component-ts

Step 2: https://gist.github.com/NetanelBasal/82030b63d6ed0055c09a543483bd3470#file-skeleton-directive-ts

Step 3: https://gist.github.com/NetanelBasal/0f26e85d13d10a9e564541553094c12f#file-skeleton-demo-html

📄 Binding CSS Variables in Angular

#angular #directive #css_variables

✅ Article Link: https://netbasal.com/binding-css-variables-in-angular-69dfd4136e21

🎁 Code Link: https://gist.github.com/NetanelBasal/8abfd1dc1ce85bdc41ee0d9fd41d0781#file-css-var-4-ts

📄FormControl validation errors using pure pipe

#angular #pipe #errors

✅ Article Link: https://max-syniuk.medium.com/handle-angular-form-control-validation-errors-using-pure-pipe-7c3a874ce77

🎁 Code Link:

- Pipe
https://gist.github.com/maksym-syniuk/c2a8bba5144e05e3edce19e81d998706#file-control-error-handler-pipe-ts

- Use case
https://gist.github.com/maksym-syniuk/972aaf537c9bffaf30d43a5ede380046#file-app-component-html

📄 Throttle Decorator

#angular #decorator

✅ Article Link: https://netbasal.com/inspiration-for-custom-decorators-in-angular-95aeb87f072c

🎁 Code Link:

Decorator
https://gist.github.com/NetanelBasal/db13a56407c76db8fe55d590ca4760c3#file-throttle-decorator-ts

Usage:
https://gist.github.com/NetanelBasal/0fcd8ed554c1ae7c9f961766db7465ac#file-throttle-usage-decorator-ts

📄 Log Observable Property Decorator

#angular #decorator

✅ Article Link: https://netbasal.com/inspiration-for-custom-decorators-in-angular-95aeb87f072c

🎁 Code Link:

Decorator:
https://gist.github.com/NetanelBasal/e457750f0235adcbead10cd28f609384#file-do-decorator-ts

Usage:
https://gist.github.com/NetanelBasal/d07658a3502086fb469d8cba1fcdbb97#file-do-usage-decorator-ts