📄 Angular Micro Frontend: Module Federation in 6 steps
#angular #ModuleFederation
Module Federation is a powerful feature provided by Webpack that enables the implementation of Micro Frontends in Angular. It allows you to dynamically load and integrate remote Angular modules (Micro Frontends) into a main application shell.
Module Federation handles the dynamic loading and sharing of modules, including their dependencies, at runtime. It enables applications to share code and resources, reducing duplication and improving the overall performance and development experience.
✅ Article Link: https://sagarsnath.medium.com/angular-micro-frontend-module-federation-5bc5638c963f
#angular #ModuleFederation
Module Federation is a powerful feature provided by Webpack that enables the implementation of Micro Frontends in Angular. It allows you to dynamically load and integrate remote Angular modules (Micro Frontends) into a main application shell.
Module Federation handles the dynamic loading and sharing of modules, including their dependencies, at runtime. It enables applications to share code and resources, reducing duplication and improving the overall performance and development experience.
✅ Article Link: https://sagarsnath.medium.com/angular-micro-frontend-module-federation-5bc5638c963f
👍2
📄 Angular Fallback Image
#angular #img #directive
✅ Article Link: https://medium.com/angular-man/angular-fallback-image-1f7fc3626e5f
#angular #img #directive
✅ Article Link: https://medium.com/angular-man/angular-fallback-image-1f7fc3626e5f
📄 Angular 16 + Broadcast channel (Auth Fragments)
#angular #BroadcastChannel
✅ Article Link: https://techshareskk.medium.com/angular-16-broadcast-channel-4049a7f46019
#angular #BroadcastChannel
✅ Article Link: https://techshareskk.medium.com/angular-16-broadcast-channel-4049a7f46019
👍1
📄 Why Class/Component inheritance in your Angular app might not be good
#angular #inheritance
✅ Article Link: https://medium.com/hackernoon/why-class-component-inheritance-in-your-angular-app-might-not-be-good-a5d88fdd855b
#angular #inheritance
✅ Article Link: https://medium.com/hackernoon/why-class-component-inheritance-in-your-angular-app-might-not-be-good-a5d88fdd855b
👍1🔥1
📄 Lesser-Known Tricks in HTML
#html
№1: Opening the Device Camera
#html
№1: Opening the Device Camera
<input type="file" capture="user" accept="image/*">№2: Automatic Website Refresh
<input type="file" capture="environment" accept="video/*" />
<head>№3: Spellcheck Activation
<meta http-equiv="refresh" content="10">
</head>
<input type="text" spellcheck="true" lang="en">№4: Preventing Translation
<p translate="no">Brand name</p>№5: Automatic Download on Link Click
<a href="image.png" download>Download Image</a>№6 Responsive Images with srcset
<img srcset="image.jpg 1x, image@2x.jpg 2x, image@3x.jpg3x" src="image.jpg" alt="Responsive Image">
👍2😱1
📄 How to use Cypress in 5 steps
#angular #cypress
Cypress is a desktop application. It supports multiple operating systems such as Windows, Linus, and iOS. Cypress is a tool that you can use to test a front-end application whatever the front-end framework you are using. E2E is a software testing method that simulates what the application should be able to do from the start to the end.
✅ Article Link: https://levelup.gitconnected.com/e2e-testing-with-cypress-angular-219eaa3926c
#angular #cypress
Cypress is a desktop application. It supports multiple operating systems such as Windows, Linus, and iOS. Cypress is a tool that you can use to test a front-end application whatever the front-end framework you are using. E2E is a software testing method that simulates what the application should be able to do from the start to the end.
✅ Article Link: https://levelup.gitconnected.com/e2e-testing-with-cypress-angular-219eaa3926c
✳️ Handling custom errors in TS
#typescript #ts #angular #errors
Error handling in Type/JavaScript is a topic that doesn’t get the importance it deserves. It’s crucial to the longevity of any project to catch and log errors.
✅ Article Link: https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991
#typescript #ts #angular #errors
Error handling in Type/JavaScript is a topic that doesn’t get the importance it deserves. It’s crucial to the longevity of any project to catch and log errors.
✅ Article Link: https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991
📄 What’s new in CSS 2023
#css
⚠️ Experimental (not fully supported)
✅ Article link: https://medium.com/@trinhcamminh25112002/whats-new-in-css-and-ui-i-o-2023-edition-5bac2c7271bb
🎁 Code Link:
1.
2.
3.
#css
⚠️ Experimental (not fully supported)
✅ Article link: https://medium.com/@trinhcamminh25112002/whats-new-in-css-and-ui-i-o-2023-edition-5bac2c7271bb
1.
@container: https://codepen.io/web-dot-dev/pen/KKxzYQx2.
new nth-child: https://codepen.io/web-dot-dev/pen/oNMRaQq3.
@scope: https://codepen.io/web-dot-dev/pen/MWPVGPLPlease open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM