--- title: Best Angular posts of 2023 | daily.dev description: The most upvoted Angular posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/angular/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/angular/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best Angular posts of 2023 | daily.dev og:description: The most upvoted Angular posts of 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Angular — 2023 1. 1 [](/posts/patterns-dev-resources-wrjzj5ycd "Patterns.dev ⏐ Resources") Article Community Picks · 3y Patterns.dev ⏐ Resources Learn more about the next book on building large-scale JavaScript web apps with React. Explore community resources on patterns for React, Angular, Vue, and TypeScript, including curated lists of recommended talks and courses. 375 11 2. 2 [](/posts/web-development-stacks-in-2023-software-trends-qextnj3wc "Web development stacks in 2023 – software trends") Article The Software House · 3y Web development stacks in 2023 – software trends Web development stack is a set of tools typically used in tandem to develop web apps. A highly specialized web stack can exist within the constraints of frontend or backend development. The most important choice is the one concerning your full development stack. Full web development stacks are abbreviated based on the technologies that comprise them. 168 11 3. 3 [](/posts/announcing-angular-dev-73f1txwbr "Announcing Angular.dev") Article Angular · 3y Announcing Angular.dev Angular.dev is the future home for Angular development, offering new tutorials, updated documentation, and a better user experience for developers. The release of Angular v17 includes deferred views, built-in control flow, view transitions API support, SSR enhancements, and more. The new tutorials on Angular.dev allow users to learn Angular concepts directly in the browser. 141 12 4. 4 [](/posts/node-js-development-all-you-need-to-know-fyix8aefv "Node.js Development: All You Need to Know") Article Amplication · 3y Node.js Development: All You Need to Know Node.js can be considered a future-proof technology that every developer should know. It allows developers to use JavaScript on both the frontend and backend, making it the perfect choice for building scalable, high-performance applications. It was introduced in 2009 and revolutionalized the development world since it allowed developers to run JavaScript outside web browsers. 140 3 5. 5 [](/posts/angular-is-getting-new-template-syntax-hrxq1tjqg "Angular is getting New Template Syntax") Article ITNEXT · 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. 78 4 6. 6 [](/posts/front-end-javascript-development-handbook-react-angular-and-vue-compared-ixhkwdsar "Front End JavaScript Development Handbook – React, Angular, and Vue Compared") Article freeCodeCamp · 3y Front End JavaScript Development Handbook – React, Angular, and Vue Compared Frontend frameworks offer structured approaches and pre-built components to streamline the coding process. These tools can help boost productivity by offering reusable components and abstracting complex tasks like DOM manipulation and state management. Frameworks promote code maintainability through modular development, making it easier to modify or replace individual components. 76 3 7. 7 [](/posts/web-application-architecture-the-latest-guide-5hnbi3mtp "Web Application Architecture: The Latest Guide") Article DZone · 4y Web Application Architecture: The Latest Guide Web Application Architecture is an underlying web application architecture that makes this process possible. Choosing the right design defines your company growth, reliability and interoperability and future IT needs. A web app architecture presents a layout with all the software components (such as databases, applications and middleware) and how they interact with each other. 67 3 8. 8 [](/posts/introducing-angular-v17-gskbsarxa "Introducing Angular v17") Article Angular · 3y Introducing Angular v17 Angular v17 introduces new features including deferrable views and built-in control flow. The framework has a fresh new look and a new home for documentation at angular.dev. The built-in control flow feature offers better syntax, type checking, and performance improvements. Deferrable views enable lazy loading with a simple declarative code. The future plans for deferrable views include server-side rendering and partial hydration on the client. SSR and hydration are now enabled by default in new Angular apps. The Angular CLI has improved support for deployment to cloud platforms like Firebase. 64 3 9. 9 [](/posts/state-management-in-next-js-with-redux-toolkit-phwfis7gc "State Management in Next.js with Redux Toolkit") Article asayer · 4y State Management in Next.js with Redux Toolkit Redux Toolkit is a collection of pre-built tools, functions, and structures that make it easier to work with Redux. You can use these tools and solutions as a starting point and customize them to fit your needs. The complete demo is available on CodeSandbox, and its source code is on GitHub. 57 5 10. 10 [](/posts/angular-16-is-huge-hbiv2c6ps "Angular 16 is huge") Article ITNEXT · 3y Angular 16 is huge angular 16 is just the first release candidate version of v16\. There are a lot of features/changes coming with this version. It is still experimental and some more performance related improvements and optimisations are to be made. It already enables a much faster startup time (at least 2 times) than webpack implementation. 55 9 11. 11 [](/posts/two-way-data-binding-in-vanilla-javascript-without-angular-or-react-ti1ooxl1f "Two-way data binding in Vanilla JavaScript without Angular or React") Article JavaScript in Plain English · 3y Two-way data binding in Vanilla JavaScript without Angular or React Two-way data binding in Vanilla JavaScript without Angular or React. In Plain English, we will create a similar data binding but with vanilla JavaScript. We will create an object’s property with a getter and a setter function to update the value of the corresponding HTML element. 47 1 12. 12 [](/posts/how-i-made-my-app-2-4x-faster-switching-to-svelte-9tv3e0-ai "How I Made My App 2.4x Faster Switching to Svelte") Article ITNEXT · 4y How I Made My App 2.4x Faster Switching to Svelte Svelte Kit makes it intuitive to be fast for server side rendering, lazy loading, pre-render, and less javascript Origin. It's a small NX project with a couple of Angular/Firebase applications. The 100s are a rewrite of the app using SVELte Kit. 47 29 13. 13 [](/posts/my-take-on-a-unified-theory-of-reactivity-jiaeovzqy "My Take on a Unified Theory of Reactivity") Article builder.io · 3y My Take on a Unified Theory of Reactivity My Take on a Unified Theory of Reactivity: I want to share my understanding of the current reactivity approaches and landscape. I think there are fundamentally three approaches to reactivity that we have seen in the industry thus far: Value-based; that is, dirty-checking. 38 2 14. 14 [](/posts/unveiling-the-magic-exploring-reactivity-across-various-frameworks-y84zk7ero "Unveiling the Magic: Exploring Reactivity Across Various Frameworks") Article builder.io · 3y Unveiling the Magic: Exploring Reactivity Across Various Frameworks React can be broadly defined as the automatic update of the UI due to a change in the application's state. The framework does not need to execute any code and knows exactly which DOM nodes need to be updated. In real-world applications, the state, event, and binding are not always in the same component. 36 2 15. 15 [](/posts/is-react-killing-angular--1xpi8ib9j "Is React Killing Angular?") Article Medium · 3y Is React Killing Angular? React and Angular are both popular JavaScript frameworks with their own strengths and niches. React is known for its simplicity and flexibility, making it popular for smaller projects and startups. Angular, on the other hand, has a more opinionated structure and extensive features that cater to larger enterprise applications. The choice between React and Angular depends on the specific requirements of the project. 33 17 16. 16 [](/posts/prettier-3-1-new-experimental-ternaries-formatting-and-angular-control-flow-syntax-prettier-8tbu0uqt2 "Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! · Prettier") Article Prettier · 3y Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! · Prettier Prettier 3.1 introduces new features such as experimental ternaries formatting and support for control flow syntax in Angular. It also includes various bug fixes and improvements. 34 17. 17 [](/posts/introduction-to-reactjs-the-react-series-6xh5skasj "Introduction to ReactJS. The React Series") Article Community Picks · 4y Introduction to ReactJS. The React Series React is an open-source, component-based front-end JavaScript library. It promotes the development of reusable UI components that display dynamic data. It was created by Facebook and made available in 2013, powering many of the most popular apps, including Facebook and Instagram. 34 9 18. 18 [](/posts/how-functions-work-in-javascript-js-function-code-examples-teiebcgcc "How Functions Work in JavaScript – JS Function Code Examples") Article freeCodeCamp · 4y How Functions Work in JavaScript – JS Function Code Examples JavaScript is a widely-used programming language that is essential for web development. It is a high-level, interpreted language used on the client side, meaning it runs in the user's web browser. You can use it to create web and mobile applications, browser extensions, and other software. 33 19. 19 [](/posts/master-angular-17-lsn17gcro "Master Angular 17") Article Angular Addicts · 3y Master Angular 17 Master Angular 17 is a study guide that highlights the changes and new features in the latest version of Angular. It covers topics such as declarative control flow, deferred loading blocks, View Transitions API support, and more. 28 20. 20 [](/posts/angular-react-vue----a-three-way-comparison-jrnrskfrq "Angular, React, Vue -- A three-way comparison") Article asayer · 4y Angular, React, Vue -- A three-way comparison Angular, React, and Vue can be used almost interchangeably to build front-end applications. But they’re not entirely the same, so it makes sense to compare them and understand their differences. This article will break down the differences between the two through the lens of a new developer. 28 1 21. 21 [](/posts/angular-is-getting-new-template-syntax-t9u5x8q9m "Angular is getting New Template Syntax") Article This 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. 27 22. 22 [](/posts/ionic-7-is-here--rupogfsbn "Ionic 7 is here!") Article Ionic Blog · 4y Ionic 7 is here! Ionic 7 brings developer experience improvements when working with overlays, forms, and events. It also brings performance improvements for Angular, React, and Vue applications. Inline Overlays are now available on all overlay components, including action sheets, alerts, loaders, pickers, toasts. 26 2 23. 23 [](/posts/angular-dev-and-v17-i-told-you-the-renaissance-was-here-k74hsz8pk "Angular.dev and v17—I Told You the Renaissance was Here") Article Telerik · 3y Angular.dev and v17—I Told You the Renaissance was Here Angular.dev introduces a new brand, website, and features like deferred loading. The new documentation structure prioritizes beginners and includes in-depth guides for advanced developers. Angular v17 also introduces a new control flow syntax and native deferred loading. CLI updates include changes to routes, modules, and the default build system. SSR and hydration improvements have also been made. The Angular team is planning reactivity enhancements and other features for future versions. The article also discusses the new brand and provides resources for rebranding. 24 24. 24 [](/posts/4-laws-of-rxjs-observables-xrn6mq4wk "4 Laws of RxJS Observables") Article This is Angular · 3y 4 Laws of RxJS Observables This article discusses the 4 Laws of RxJS Observables, including their laziness, unicast and multicast behavior, and the role of Subjects. It also mentions the possibility of making RxJS optional in the future. 24 25. 25 [](/posts/angular-component-library-part-1-how-to-build-a-library-rghpxxgbr "Angular Component Library Part 1: How to Build a Library") Article Telerik · 3y Angular Component Library Part 1: How to Build a Library Learn how to build a shared component library in Angular to accelerate development, reduce code duplication, and ensure consistent functionality across applications. 24 1 [See all Angular archives](/tags/angular/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/angular/best-of/2023#page","url":"https://daily.dev/tags/angular/best-of/2023","name":"Best Angular Posts of 2023","description":"The most upvoted Angular posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/angular/best-of/2023#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/patterns-dev-resources-wrjzj5ycd","name":"Patterns.dev ⏐ Resources"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/web-development-stacks-in-2023-software-trends-qextnj3wc","name":"Web development stacks in 2023 – software trends"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/announcing-angular-dev-73f1txwbr","name":"Announcing Angular.dev"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/node-js-development-all-you-need-to-know-fyix8aefv","name":"Node.js Development: All You Need to Know"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/angular-is-getting-new-template-syntax-hrxq1tjqg","name":"Angular is getting New Template Syntax"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/front-end-javascript-development-handbook-react-angular-and-vue-compared-ixhkwdsar","name":"Front End JavaScript Development Handbook – React, Angular, and Vue Compared"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/web-application-architecture-the-latest-guide-5hnbi3mtp","name":"Web Application Architecture: The Latest Guide"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/introducing-angular-v17-gskbsarxa","name":"Introducing Angular v17"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/state-management-in-next-js-with-redux-toolkit-phwfis7gc","name":"State Management in Next.js with Redux Toolkit"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/angular-16-is-huge-hbiv2c6ps","name":"Angular 16 is huge"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/two-way-data-binding-in-vanilla-javascript-without-angular-or-react-ti1ooxl1f","name":"Two-way data binding in Vanilla JavaScript without Angular or React"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-i-made-my-app-2-4x-faster-switching-to-svelte-9tv3e0-ai","name":"How I Made My App 2.4x Faster Switching to Svelte"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/my-take-on-a-unified-theory-of-reactivity-jiaeovzqy","name":"My Take on a Unified Theory of Reactivity"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/unveiling-the-magic-exploring-reactivity-across-various-frameworks-y84zk7ero","name":"Unveiling the Magic: Exploring Reactivity Across Various Frameworks"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/is-react-killing-angular--1xpi8ib9j","name":"Is React Killing Angular?"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/prettier-3-1-new-experimental-ternaries-formatting-and-angular-control-flow-syntax-prettier-8tbu0uqt2","name":"Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! · Prettier"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/introduction-to-reactjs-the-react-series-6xh5skasj","name":"Introduction to ReactJS. The React Series"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/how-functions-work-in-javascript-js-function-code-examples-teiebcgcc","name":"How Functions Work in JavaScript – JS Function Code Examples"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/master-angular-17-lsn17gcro","name":"Master Angular 17"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/angular-react-vue----a-three-way-comparison-jrnrskfrq","name":"Angular, React, Vue -- A three-way comparison"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/angular-is-getting-new-template-syntax-t9u5x8q9m","name":"Angular is getting New Template Syntax"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/ionic-7-is-here--rupogfsbn","name":"Ionic 7 is here!"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/angular-dev-and-v17-i-told-you-the-renaissance-was-here-k74hsz8pk","name":"Angular.dev and v17—I Told You the Renaissance was Here"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/4-laws-of-rxjs-observables-xrn6mq4wk","name":"4 Laws of RxJS Observables"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/angular-component-library-part-1-how-to-build-a-library-rghpxxgbr","name":"Angular Component Library Part 1: How to Build a Library"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Angular","item":"https://daily.dev/tags/angular"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/angular/best-of"},{"@type":"ListItem","position":5,"name":"2023"}]}]} ```