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
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❀2
πŸ“„ Angular Internationalization Set-up in Existing Project

#angular #internationalization #i18n

Step 1: Install @angular/localize

$ ng add @angular/localize


Step 2: Update Angular JSON

Second screen

Step 3: Extract Messages

$ ng extract-i18n --output-path src/locale


This command will create XLF files in the specified locations (src/locale/messages.ar.xlf,src/locale/messages.fr.xlf)


Step 4: Translate Messages

Translate the messages in each XLF file for the supported languages as mentioned in Angular Documentation here.


Step 5: Build and Serve

$ ng build --localize
$ ng serve --configuration fr --port 4100 // Opens french version on port 4100
$ ng serve --configuration ar --port 4200 // Opens arabic version on port 4200


βœ… Article link: https://levelup.gitconnected.com/angular-internationalization-set-up-in-existing-project-891dcf6cee95
❀2
πŸ“„ 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
πŸ“„ "Goodbye NgRx Facades. Hello Standalone Functions"

#angular #ngrx

Let’s list out the benefit of standalone functions:

-- Decouple tight dependency between the component and the store.
-- Simplifies CRUD operation with the store, by providing simple interfaces for the component to use to interact with the store.
-- Reusability!
-- No need to create a service(facade) to encapsulate NgRx logic.
-- Stand alone functions are not tied to a class, meaning each can be imported and used individually.
-- Reduces the need to inject multiple facade dependencies.


βœ… Article link: https://javascript.plainenglish.io/goodbye-ngrx-facades-hello-standalone-functions-7b7606c01659
πŸ”₯2
πŸ€“ REST API Design Best Practices

#api #restApi

There are different types of API protocols:

REST β€” relies on a client/server approach that separates the front and back ends of the API and provides considerable flexibility in development and implementation.
RPC β€” The remote procedural call (RPC) protocol sends multiple parameters and receives results.
SOAP β€” Supports a wide range of communication protocols found across the internet, such as HTTP, SMTP, and TCP.
WebSocket β€” Provides a way to exchange data between browser and server via a persistent connection.


βœ… Article link: https://medium.com/@techworldwithmilan/rest-api-design-best-practices-2eb5e749d428
❀2
πŸ“„ Understanding MIME Type Validators with Angular

#angular #fileReader

❗️What are MIME Type Validators?

MIME (Multipurpose Internet Mail Extensions) types are used to identify the type of content delivered in a file. MIME type validators, in the context of Angular, are functions or classes that verify whether a file’s MIME type matches the expected type.

❗️Purpose of MIME Type Validation


The primary purpose of MIME type validation is to verify that the content of a file aligns with the expected format. This is especially crucial when dealing with sensitive file types, such as images, where incorrect MIME types could lead to rendering issues or security vulnerabilities.


βœ… Article link: https://enlear.academy/understanding-mime-type-validators-with-angular-3ff9bc2af559