Best of Angular — November 2024

1. 1
   Article

   This is Angular·2y

   Angular 19 - 5 Game-Changing Features You Need to Know

   Angular 19 introduces significant features aimed at improving developer experience and application performance. Key updates include partial and incremental hydration for faster load times, default standalone components for simplified code structure, zoneless change detection for better performance and smaller bundles, linkedSignal for enhanced reactivity, and new resource and rxResource APIs for streamlined data retrieval.

   114

   2
2. 2
   Article

   This is Angular·2y

   Angular 19 - Introduction to linkedSignal

   Angular 19 introduces the linkedSignal primitive, a writable signal that automatically updates its value based on changes to a source signal. This new feature addresses limitations of using computed() signals for reset patterns, offering enhanced flexibility, simplified reset patterns, improved performance, and cleaner code. Developers can create more robust and responsive applications with linkedSignal's ability to combine writable signals and computed properties.

   55
3. 3
   Article

   Collections·2y

   Introducing Angular v19: Enhancements in Performance, Reactivity, and Developer Experience

   Angular Version 19 introduces a range of updates focused on enhancing developer experience, performance, and productivity. Highlights include the default use of standalone components, fine-grained reactivity with Signal APIs, a developer preview of incremental hydration for efficient server-side rendering, and various performance enhancements such as Hot Module Replacement and unused import detection. There are also significant updates to Angular Material and the Component Dev Kit, including simplified theming and new components. Integrations with Firebase and Netlify, support for TypeScript 5.7, and new migration tools further streamline the development process.

   40
4. 4
   Article

   Web Developement·2y

   35+ Free Admin Panel Templates and Themes

   WrapPixel offers over 35 free admin dashboard templates with modern design, clean code, and useful pages for creating web applications. These templates are available for various frameworks including Bootstrap, Angular, React, NextJS, Vue, Tailwind CSS, Vuetify, Nuxt, and MUI. They come with an MIT license, allowing for both personal and commercial use.

   38
5. 5
   Article

   Community Picks·2y

   Comparing Frontend Frameworks: Angular vs. React vs. Vue.js - Which One Fits Your Project Best?

   Choosing the right frontend framework is crucial for the success of your web development project. Angular is ideal for large, enterprise-level applications due to its full-featured nature and built-in tools. React, developed by Facebook, offers flexibility and modularity with its component-based architecture, making it suitable for dynamic UIs. Vue.js, a progressive framework, is easy to learn and suitable for small to mid-sized projects. Evaluate project complexity, team expertise, development speed, and community support to determine which framework best fits your needs.

   29

   6
6. 6
   Article

   This is Angular·2y

   Auxiliary Routes in Angular

   Auxiliary routes in Angular enable the addition of multiple independent routes to an application, improving navigation and interaction capabilities. These secondary routes enhance the main content without disrupting the user's primary view, which is ideal for components like sidebars, modals, or other additional sections. The key steps to setting up auxiliary routes include defining named router outlets, configuring auxiliary routes in the router, navigating to auxiliary routes, and accessing them programmatically. Common use cases include sidebars, modals, and chat panels that operate independently of the main content.

   24

   1
7. 7
   Article

   Telerik·2y

   Getting Started with the Resource API in Angular

   The Resource API, set to launch with Angular 19, introduces a new reactive approach to loading data using the HTTP protocol. Developers can create resources that return promises, manage state, and update data locally. Key features include handling overlapping requests with the abortSignal, differentiating between tracked requests and untracked loaders, and optimizing API calls. This API is tailored for data loading rather than mutations, simplifying state management in Angular applications.

   15