Best of Angular — 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    Patterns For JavaScript Frontend Applications

    Patterns are crucial in managing the complexity of JavaScript frontend applications, much like they were in desktop and enterprise applications. By drawing on architectural patterns like MVVM, CQRS, and Flux, developers can better manage the state and interactions within their applications. Frameworks like Angular, React, and Vue help streamline these processes through structured state-management techniques. Understanding these patterns allows for sustainable and maintainable application development.

  2. 2
    Article
    Avatar of devtoDEV·2y

    AI Interview Simulator

    AI Interview Simulator is a web application that uses AI technology to provide feedback and improve interview preparation. It analyzes answers, provides constructive feedback, and offers a close experience to real interviews.

  3. 3
    Article
    Avatar of angularAngular·2y

    Angular v18 is now available!

    Angular v18 introduces zoneless change detection, Angular.devis as the new home for Angular developers, stable Material 3, deferrable views, built-in control flow, and various other improvements in server-side rendering and debugging experience.

  4. 4
    Video
    Avatar of joshuamoronyJoshua Morony·1y

    WEB WORKERS made my code over 100x faster (almost ZERO blocking time)

    Using web workers in Angular with Phaser can drastically improve performance by offloading computationally expensive tasks like the wave function collapse algorithm from the main thread. This allows the game to render terrain without causing freezing or requiring loading screens. Web workers handle the heavy computations and communicate results back to the main thread, ensuring smooth gameplay and responsive UI.

  5. 5
    Article
    Avatar of communityCommunity Picks·2y

    Angular will be merged with Wiz

    Google's internal framework Wiz will be merged with Angular, bringing new features and potentially increasing its popularity.

  6. 6
    Article
    Avatar of tiaThis 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.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Code A Chess Game with AI Opponent

    A comprehensive video course on the freeCodeCamp.org YouTube channel teaches how to code a chess game with JavaScript and Angular, integrating the Stockfish API for advanced AI opponent. It covers chess programming basics, building different chess pieces, creating a chessboard in Angular, implementing game mechanics and rules, integrating AI opponent, enhancing the user interface, and adding gameplay features.

  8. 8
    Article
    Avatar of chromeChrome Developers·2y

    What's new in JavaScript Frameworks (May 2024)

    Highlights of recent happenings in the JavaScript frameworks ecosystem include releases and updates in Angular, Astro, React, Remix, Next.js, Vue, Nuxt, SolidStart, Svelte, and contributions by Chrome Aurora.

  9. 9
    Article
    Avatar of devtoDEV·2y

    Copy Objects Ways in JavaScript

    Three options for copying objects in JavaScript: reference copy using the assignment operator, shallow copy using Object.assign() or the spread operator, and deep copy using JSON.parse() and JSON.stringify().

  10. 10
    Article
    Avatar of hnHacker News·2y

    Video Editing SDK

    The post highlights how a video editing SDK can be seamlessly integrated with various platforms, including React, Angular, PHP, and HTML.

  11. 11
    Article
    Avatar of asayerasayer·2y

    Benefits of Modular Design in Front-end Development

    Modular design in front-end development involves dividing a program's functions into small, independent modules, leading to maintainable code, improved collaboration, increased development speed, consistent user interfaces, and enhanced scalability. It focuses on principles like reusability, loose coupling, encapsulation, and single responsibility. Popular frameworks like Angular, React, and Vue support modular designs, and tools like NPM, Rollup, and Webpack facilitate module bundling. Best practices include creating reusable components, structuring an organized codebase, using consistent naming conventions, and maintaining thorough documentation.

  12. 12
    Article
    Avatar of angularAngular·2y

    The future is standalone!

    Angular v19 will make 'standalone: true' the default for components, directives, and pipes, simplifying the process of building applications without relying on NgModules. This change builds on the initial introduction of standalone in v14 and its ongoing adoption. In addition to making Angular easier to learn, it enables features like simplified route-level lazy loading and better composition models. Existing NgModules can still be used by setting 'standalone: false' and an automated migration will be provided for existing code.

  13. 13
    Article
    Avatar of asayerasayer·2y

    Optimizing Angular Performance with HttpInterceptor Caching

    Learn how to enhance your Angular application's performance by implementing HTTP caching with HttpInterceptor. This guide covers the basics of HttpInterceptor, creating a cache service, and integrating the caching mechanism into an Angular app. Benefits include centralized caching logic, improved performance, consistent caching strategy, and offline support. Step-by-step instructions walk you through setting up the Angular project, creating caching logic, and developing a simple HttpInterceptor. The result is a more efficient and user-friendly application with faster load times and reduced server load.

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

    Angular Is Your Best Shot To Land A Frontend Job

    According to the 2024 Stack Overflow Developer Survey, while most learners focus on React, there is a notable gap between the learning statistics and job market demand. Although only 9% of learners are picking up Angular, job positions requiring Angular are second to React and significantly higher than other frameworks. This suggests that learning Angular could provide a strategic advantage in the job market.

  15. 15
    Article
    Avatar of communityCommunity Picks·1y

    shadcn-ng

    Learn how to install and configure Angular including the steps to create a new project using the init command, configure components.json, and add components like Button to your project.

  16. 16
    Article
    Avatar of vaadinVaadin·2y

    6 DateTimePicker components for your web apps

    Selecting an effective DateTimePicker component can significantly enhance user experience by minimizing errors and simplifying input in web applications. This post introduces six popular DateTimePicker components: Flatpickr, React DateTimePicker, jQuery Date and Time Picker, Ant Design DatePicker, Bulma Calendar, and Vaadin DateTimePicker. Each has unique features and benefits, suited for different frameworks and project needs. Key considerations when choosing a DateTimePicker include documentation, customization, compatibility, and user experience.

  17. 17
    Article
    Avatar of telerikTelerik·2y

    State Management in React vs. Angular

    This post explores state management in React and Angular, covering core APIs, simple component state management, data fetching, computed values, sharing state between components, and using context in React and services in Angular. It provides a guide for people new to these technologies and offers options for state management.

  18. 18
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Transform an Angular Application with Signals

    Learn how to enhance the performance of your Angular applications using the new 'signals' feature. This tutorial provides a step-by-step guide to transform an existing timesheet management application. Key tasks include setting up signals, creating computed signals, and ensuring smooth communication between parent and child components using input, model, and output signals.

  19. 19
    Article
    Avatar of javarevisitedJavarevisited·2y

    The 2024 Angular Developer RoadMap

    A roadmap for beginners to learn Angular in 2024. It includes the basics of web development, TypeScript, general programming and development skills, Angular basics, advanced topics, testing, and other related concepts.

  20. 20
    Article
    Avatar of tiaThis 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.

  21. 21
    Video
    Avatar of communityCommunity Picks·2y

    Angular Developer Full Course in 8 Hours [2024] | Angular Tutorial For Beginners | Edureka

    Angular is a robust platform and framework for building single-page client applications using HTML, CSS, and TypeScript. Developed by Google, it features a component-based architecture, two-way data binding, dependency injection, and an extensive ecosystem. This tutorial covers the basics of Angular, including the Angular CLI, components, templates, data binding, directives, dependency injection, routing, forms, and CRUD operations, as well as integrating Bootstrap for styling. Additionally, it touches on building an Angular application from scratch and prepping for Angular interview questions.

  22. 22
    Article
    Avatar of communityCommunity Picks·2y

    Angular 17.2 is already here

    Angular 17.2 is the latest version with features like experimental support for Material 3, signal queries, model inputs, Netlify loader, and hydration debugging support in Angular DevTools.

  23. 23
    Article
    Avatar of logrocketLogRocket·2y

    Signals vs. ngOnChanges for better Angular state management

    Angular has introduced signals for better state management. Signals help handle changes in the view and improve type safety in the code. They provide a clearer and more efficient way to compare and compute values in Angular components.

  24. 24
    Article
    Avatar of virtuslabVirtusLab·2y

    7 trending frontend technologies for 2024 -

    Learn about the upcoming trends in frontend technologies for 2024, including micro frontends, Next.js, headless CMS, the 'Signals Approach' in Angular, AI-driven design, serverless computing, and styling in React. Stay ahead in the ever-evolving world of frontend development!

  25. 25
    Article
    Avatar of halodocHalodoc·2y

    Efficient Dynamic Forms with ngComponentOutlet in Angular

    Angular's ngComponentOutlet simplifies dynamic component loading, allowing developers to create flexible and reusable components. With the new input binding introduced in Angular 17, developers can now handle dynamic nested forms more efficiently without manually declaring injectors. Key benefits include faster development cycles, reduced bundle sizes, improved performance, scalability, and easier maintenance.

See all Angular archives