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
πŸ“„ JS Generators: Practical Example - Infinite Scrolling

#js #generators #yield

// CSS code
.post {
height: 300px;
}

// HTML code
<div id="postsContainer"></div>


βœ… Article link: https://blog.stackademic.com/dont-be-afraid-of-javascript-generators-15c998aea652
πŸ“„ Master JavaScript Generators: 5 Practical Use Cases

#js #generators

Generators are these magical functions that you pause and resume, whenever you want β€” they don’t execute continuously.


βœ… Article link: https://javascript.plainenglish.io/javascript-generators-e4cdaa02839a
πŸ“„ Async generation and iteration

#js #generators

Async generators was a powerful one from ES9.
πŸ“΅ Understanding The Secret Power of Generators

#js #generators #guide

When to Choose Which?

Use generators when:

β€” You need to manage complex control flows with precision.
β€” Memory efficiency is critical, and you want to generate values on demand.
β€” You’re implementing patterns like state machines or lazy iteration.

Use promises when:

β€” You’re handling simple asynchronous operations.
β€” You need to work with concurrent tasks.
β€” You prefer simpler, more straightforward error handling.

Best Practices for Using Generators:

1. Keep It Simple
Generators can add complexity to your code, so use them judiciously. If a task can be easily handled with promises or async/await, there’s no need to reach for generators.

2. Combine with Promises for Maximum Effect
Generators and promises are not mutually exclusive. In fact, they can complement each other beautifully. For instance, you can use a generator to structure your async flow and promises to handle the actual asynchronous operations.

3. Mind the Iteration
When using generators for iteration, always be mindful of when to stop. An infinite loop in a generator can be a real headache if not properly managed. Ensure you have clear exit conditions if your generator has the potential to run indefinitely.

4. Test Thoroughly
Given the unique execution flow of generators, thorough testing is crucial. Ensure that all possible execution paths are covered, including edge cases where the generator might yield unexpectedly or be terminated early.

5. Leverage TypeScript for Type Safety
Since you’re writing in TypeScript, make sure to define the types for your generator functions. This adds an extra layer of safety, helping you catch potential issues at compile time.


βœ… Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🚯 Magic of Generators

#js #generators

Generators: Advantages

β€” Fine-Grained Control: Generators give you the ability to pause and resume function execution at will. This can be a game-changer in scenarios like lazy evaluation, custom iteration logic, or complex control flows.

β€” Memory Efficiency: Since generators produce values on demand, they are highly memory-efficient, making them perfect for handling large datasets or streams.

β€” Readable Asynchronous Code: While async/await has largely supplanted many asynchronous handling methods, generators still offer a unique combination of readability and control, making complex asynchronous flows easier to manage.


βœ… Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘1