Angular version 16 - WHAT'S NEW ?

Angular version 16 - WHAT'S NEW ?

1/ Signals - Signals are a new way of managing state changes in Angular applications, inspired by Solid.js.

(More info about them) (Code example)

2/ Required Component Inputs (More info)

3/ Non-Destructive Hydration - Hydration has been available in frameworks like React or Next.js for a while, but it was not easy to implement in Angular. In Angular 16, hydration will be supported out of the box, making SSR applications faster and smoother.

4/ DestroyRef?as injectable provider?—?Allows you to access the destroy context of a component. This can be useful for cleanup tasks that must be performed when a component is destroyed.

5/ TakeUntilDetroyed() pipe - which will automatically unsubscribe from an observable when a component or directive is destroyed.

6/ Vite based dev server (Vite)

要查看或添加评论,请登录

Kristiyan Velkov的更多文章

  • Where you can find my blog posts in 2025

    Where you can find my blog posts in 2025

    In 2025, you can explore all my curated lists on Medium, where I cover a variety of topics to help developers and tech…

  • Mastering TypeScript Core Utility Types

    Mastering TypeScript Core Utility Types

    The Ultimate Guide from Beginner to Pro: 300+ Examples, Practical Exercises, and Best Practices for Mastering Advanced…

    2 条评论
  • Next.js CLI Turbo

    Next.js CLI Turbo

    It’s a powerful command-line interface tool that I’ve developed to accelerate the development process of Next.js 13/14…

  • React JS is just a dependency in the 2024

    React JS is just a dependency in the 2024

    React JS is a popular library but more and more rely on the framework Next.js.

  • Client-Side Rendering is Just OK!

    Client-Side Rendering is Just OK!

    The web development landscape is constantly evolving, and as we navigate through the ever-changing tides of technology,…

    1 条评论
  • React JS?-?Security Best Practices

    React JS?-?Security Best Practices

    Front-end security refers to the practices and measures taken to secure the user interface and client-side components…

  • Stop using npm to install node_modules

    Stop using npm to install node_modules

    PNPM saves disk space, boosts installation speed, and creates a non-flat node_modules directory. What is pnpm ? Pnpm is…

  • Mastering React JS SOLID Principles - Single-responsibility Principle

    Mastering React JS SOLID Principles - Single-responsibility Principle

    What are SOLID principles? SOLID principles are five design principles that help us keep our application reusable…

    3 条评论
  • AI will NOT replace front-end developers!

    AI will NOT replace front-end developers!

    Introduction AI, or Artificial Intelligence, refers to the simulation of human intelligence in machines that are…

    3 条评论
  • React JS - Naming convention

    React JS - Naming convention

    In computer programming, a naming convention is a set of rules for choosing the character sequence to be used for…

    2 条评论

社区洞察

其他会员也浏览了