Angular πŸ‡ΊπŸ‡¦ - practical notes
1.63K subscribers
1.6K photos
1 file
532 links
Angular - practical notes

This group is for posting practical notes for Angular developers. Mostly all posts are for quick implementation https://t.me/angular_practical_notes (Commenting on posts only in ENG and UA langs here). Welcome!
Download Telegram
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.
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
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘1
πŸ“„ Async/Await Techniques

#js #promise #async #await

βœ… Article link
πŸ‘2πŸ‘Ž1
πŸ“„ Throttling Concurrent Requests

#js #promise

βœ… Article link
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ“„ Angular Animations Tutorial: Route Transitions

#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

🎁 Code link
Please open Telegram to view this post
VIEW IN TELEGRAM
❀1πŸ‘1
πŸ“„ Composite Design Pattern

#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

....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

/** 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

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