Best of AngularJuly 2023

  1. 1
    Article
    Avatar of itnextITNEXT·3y

    Angular is getting New Template Syntax

    Angular is getting New Template Syntax, Built-In Control Flow, a farewell to structural directives. The new syntax emphasizes using ‘track’ for loops to improve performance and optimizes list diffing by enforcing tracking. The team is working on an automated migration schematic to convert from the old to the new syntax.

  2. 2
    Article
    Avatar of tiaThis is Angular·3y

    Angular is getting New Template Syntax

    Angular is getting New Template Syntax - DEV Community New template Syntax, Built-In Control Flow, a farewell to structural directives. The new syntax emphasizes using ‘track’ for loops to improve performance and optimizes list diffing by enforcing tracking. The team envisions extending this new syntax to accommodate more JS loop flavors.

  3. 3
    Article
    Avatar of devtoDEV·3y

    Signals make Angular MUCH easier

    Signals are awesome, but like RxJS, they have limitations: Asynchronous Reactivity Eager & Stale State. The Angular team did an amazing job with the implementation of RxJS. It takes some painful experiences to learn that these operators are necessary.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Build a MEAN web app: Part 1 - The architecture

    MEAN stack is a web development framework that uses JavaScript-based technologies to build dynamic and scalable web applications. It allows developers to use a unified programming language, JavaScript (or TypeScript) for both front-end and back-end development. The MEAN stack includes MongoDB, Express, Angular, and Node.

  5. 5
    Article
    Avatar of tilThis is Learning·3y

    A Brief History of Web Apps – Why Qwik is Innovative

    A Brief History of Web Apps - Why Qwik is Innovative - DEV Community. Let us together see how web applications were built over different generational approaches. Before talking about Qwik, there is a history before it, which we can split by generations. Each generation has a concept that changed everything.

  6. 6
    Article
    Avatar of amplicationAmplication·3y

    Creating a Chatroom in Angular using Amplication

    Amplication is a stunningly powerful web framework that combines design and development seamlessly. Amplication generates a backend server based on a data model defined by the developer. It also supports GraphQL and REST APIs, allowing developers to create flexible and modern applications. In this article, we will discuss how to create a chatroom in Angular using Amplication.

  7. 7
    Article
    Avatar of typescripttvTypeScript.TV·3y

    Type Inference & Type Annotations in TypeScript

    Type Inference occurs when TypeScript automatically determines the type of a function. When we hover over our function, we can see that TypeScript has inferred its return type to be.

  8. 8
    Article
    Avatar of tiaThis is Angular·3y

    Angular - Error Handling 101

    Angular app can handle errors in many ways, each with its pros and cons: let's explore them. The most common case of error is an HTTP call gone bad. We may act upon it in different ways: we could react to it, replace a value, or do nothing at all. We can easily use RxJS operators.

  9. 9
    Article
    Avatar of communityCommunity Picks·3y

    majodev/google-webfonts-helper: A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets

    GitHub - majodev/google-webfonts-helper: A Hassle-Free Way to Self-Host Google Fonts. The service might be handy if you want to host a specific Google font on your own server. It runs rootless and has no development dependencies.

  10. 10
    Article
    Avatar of itnextITNEXT·3y

    Easy Typescript Monorepo with NPM Workspaces

    Easy Typescript Monorepo with NPM Workspaces and Nx. A guide on how to create a typescript monorepo using npm workspaces and nx.com. This article explains how you can have multiple typeescript projects in amonorepo.

  11. 11
    Article
    Avatar of hackernoonHacker Noon·3y

    Angular 16: A New Way to Get Route Information in Angular

    New feature allows you to access the current routing parameters through the `@ input` property. The introduction of this new way to obtain routing information in Angular has significantly improved the development experience. Stay tuned for further enhancements and updates to enhance your Angular development journey.

  12. 12
    Article
    Avatar of hackernoonHacker Noon·3y

    Angular Mastery: Reacting to Dynamic Input Parameter Changes

    The current approach is to load the data with the id we need into ngOnInit. This approach works if the id does not change during the lifecycle of the component. Another option is to use a subject that will update when the id value changes and then load new data.