π₯1
π Data fetching patterns in Angular
#angular #rxjs
β Article link
#angular #rxjs
The idea of the Asynchronous State Handler is to combine asynchronous operations with an explicit loading and error state. While an asynchronous operation is running, the status is loading. It ends either in an error state or with the actual result of the operation. Thinking of a generic operation result T, the Asynchronous State Handler is a function that returns T | 'loading' | 'error'. Using a union type underlines that the result is always exactly one state. Using string literal types for loading and error state is simple but descriptive. They can be replaced by other types if required.
β Article link
Gratitude to Denys Tymokhin.
The command and servicemen of the military unit A0878 are sincerely grateful to you for your active civic position, patriotism and assistance aimed at supporting the personnel. May God reward you with His mercy, peaceful and clear sky over your head, and may your kindness and sincerity return to you in droves.
β± Report later.
β οΈβ οΈβ οΈ An urgent charity fundraiser for a .338 caliber sniper rifle has been announced.
π΅ FOR Ukraine:
π https://send.monobank.ua/jar/25HGTeQc26
π³ 5375 4112 1917 1506
π³ 5375 4114 1222 8582
π£ But this is a gratitude to all of you for your unwavering support and additional recognition of our work together.
πΊπ¦ Glory to Ukraine, glory to the Heroes.
The command and servicemen of the military unit A0878 are sincerely grateful to you for your active civic position, patriotism and assistance aimed at supporting the personnel. May God reward you with His mercy, peaceful and clear sky over your head, and may your kindness and sincerity return to you in droves.
β± Report later.
β οΈβ οΈβ οΈ An urgent charity fundraiser for a .338 caliber sniper rifle has been announced.
π΅ FOR Ukraine:
π https://send.monobank.ua/jar/25HGTeQc26
π³ 5375 4112 1917 1506
π³ 5375 4114 1222 8582
π£ But this is a gratitude to all of you for your unwavering support and additional recognition of our work together.
Please open Telegram to view this post
VIEW IN TELEGRAM
β€6
β οΈβ οΈβ οΈ An urgent charity fundraiser for a .338 caliber sniper rifle has been announced.
π΅ FOR Ukraine:
π https://send.monobank.ua/jar/25HGTeQc26
π³ 5375 4112 1917 1506
π³ 5375 4114 1222 8582
π FOR ALL DONATS:
π΅ PayPal: luckystudydanit@gmail.com
π΅ SWIFT code: UNJSUAUKXXX
My profile with reports after closing fundraiser :
https://www.facebook.com/volunt2erua/
also all reports in ourπ channel:
https://t.me/toxicc_squad
π΅ FOR Ukraine:
π https://send.monobank.ua/jar/25HGTeQc26
π³ 5375 4112 1917 1506
π³ 5375 4114 1222 8582
π FOR ALL DONATS:
π΅ PayPal: luckystudydanit@gmail.com
π΅ SWIFT code: UNJSUAUKXXX
My profile with reports after closing fundraiser :
https://www.facebook.com/volunt2erua/
also all reports in our
https://t.me/toxicc_squad
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
π1
This media is not supported in your browser
VIEW IN TELEGRAM
π Angular Animations Tutorial: Route Transitions
#angular #ui_element #provideRouter #provideAnimations
β Article link
π Code link
#angular #ui_element #provideRouter #provideAnimations
export const routeTransition = trigger(
'routeTransition', [
transition('* => *', [
query(':enter', [
style({
opacity: 0,
scale: 0.9
}),
], { optional: true }),
query(':leave', [
animate('0.2s', style({
opacity: 0,
scale: 0.9
}))
], { optional: true }),
query(':enter', [
animate('0.2s', style({
opacity: 1,
scale: 1
}))
], { optional: true })
])
])
<app-nav></app-nav>
<div
[@routeTransition]="data"
style="display: contents"
>
<router-outlet></router-outlet>
</div>
β Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
β€1π1
π Composite Design Pattern
#js #patterns #composite
β Article link
#js #patterns #composite
Composite: Basic Idea
The first thing we need to look at is the definition offered by the book from the Gang of Four:
βCompose objects into tree structures to represent part-whole hierarchies. Composite lets clients treat individual objects and compositions of objects uniformly.β
β Article link
This media is not supported in your browser
VIEW IN TELEGRAM
π AI writing assistant
#js #react #ui_element
β Article link
#js #react #ui_element
....Imagine youβve created an amazing AI writing assistant giving helpful suggestions for writing engaging stories....
β Article link
This media is not supported in your browser
VIEW IN TELEGRAM
π When to Use the BroadcastChannel
#js #BroadcastChannel
β Article link
#js #BroadcastChannel
/** Same Origin */
const channel = new BroadcastChannel("paymentChannel");
channel.postMessage("Payment Completed!");
channel.addEventListener(
"message",
(event) => {
const message = event.data;
console.log(message);
}
);
β Article link