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
π§ͺ ECMAScript 2024 (ES15): JS Features
#js #es #es2024 #es15 #withResolvers #groupBy #temporal #tuples #decorators
β Article link
#js #es #es2024 #es15 #withResolvers #groupBy #temporal #tuples #decorators
ECMAScript 2024 (ES15) is just around the corner, arriving in June 2024. This new version brings many exciting features that promise to simplify your JavaScript code and boost your productivity β giving you even more time to relax! Letβs dive into five of the most impactful additions.
β Article link
Hello team! As promised, here is a custom smiley pack for the channel that will decorate the articles.
π π βοΈ π βοΈ π βοΈ π
ΎοΈ π
π©· β€οΈ π π π©΅ π π€ π©Ά π€
π€ β€οΈβπ₯ β€οΈβπ©Ή β£οΈ π π π π π
π― π β¦οΈ π β βοΈ βοΈ βοΈ βοΈ
β’οΈ β£οΈ π΄ π³ πΆ ποΈ πΈ πΊ π·οΈ
π« π’ β¨οΈ π· π― π³ π± π π΅
β β βΌοΈ βοΈ π
π γ½οΈ β οΈ πΈ
π± βοΈ π° β»οΈ β
π―οΈ πΉ βοΈ β³οΈ
You can thank us at the link below:
π΅ PayPal: luckystudydanit@gmail.com
π΅ SWIFT code: UNJSUAUKXXX
You can thank us at the link below:
π΅ PayPal: luckystudydanit@gmail.com
π΅ SWIFT code: UNJSUAUKXXX
Please open Telegram to view this post
VIEW IN TELEGRAM
π4β€1π₯1
#angular #let
The @let operator allows you to define and assign variables directly within your Angular templates. This can help streamline your code, especially when working with asynchronous data. One of the biggest advantages is that it allows you to use the async pipe without worrying about unsubscribing from observables manually.
β Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
π2β€1
#js #patterns
Pub/Sub, which means Publish-Subscribe, uses a more structured approach. Instead of depending on DOM components, it uses a central message bus, similar to an events message board. Here is the summary:
- Publishers: These are the event announcers who broadcast messages (events) via the messaging bus.
- Subscribers: These are the visitors who registered to receive specific announcements (events). When a relevant interaction comes, subscribers get notified and can take action.
β Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
π2