Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 1–12 of 62 posts
A few weeks ago, our team had the incredible opportunity to attend ng-conf 2024, the world's original Angular conference, where we immersed ourselves in the latest developments and best practices in Angular technology. It was an enlightening experience that not only showcased the evolving landscape of web development but also reinforced our commitment to delivering exceptional digital solutions.
Frontend Development
In this webinar, our solution architect, Robyn Dalgleish, takes you through the process of building a high-performing Angular app. During this session, Robyn explores key topics, including: rendering strategies to achieve optimal speed; introducing a meta-framework called Analog; dynamic component rendering and routing in Angular; and harnessing the power of Contentful headless CMS.
Escape CMS & Commerce Lock-In
Angular 17 was released on November 8, 2023, introducing several new features and enhancements, such as SSR, View Transitions API, support for TypeScript 5.2 and more. These enhancements are set to significantly enhance the Angular development experience and provide more efficient, flexible and performant solutions. The updates are outlined in the sections below.
Frontend Development
Dynamic components empower content authors to independently draft, publish, and modify pages without relying on developer assistance and are essential to headless CMS architecture. However, Angular's hierarchical structure and intricate rendering process pose challenges to building and implementing headless platforms in Angular. In this article, we'll walk through our approach to dynamically rendering components in Angular, with a working Angular application as an example.
Escape CMS & Commerce Lock-In
Analog (aka AnalogJS) is a meta framework built on top of Angular that simplifies the implementation of SSG and SSR in Angular applications. In this webinar, we demo an Angular application and walk through how to build the highest-performing Angular application that you possibly can. We address questions about hosting, deployment, use cases for SSG/SSR vs. client-side rendering, and the stability of Analog.
Modernize Your Stack
In this article, we will take a deeper dive and focus on the technical details around Angular schematics.
Frontend Development
In this article, we'll explore practical use cases of leveraging Angular schematics to enhance the developer experience for both your team and developers who adopt your design system.
Build Engineering Capability
Angular has its roots in AngularJS, and many of the models from that initial framework remain relevant in the version we use today. Even with new changes like Standalone Components coming to the language, teams should be aware of the history and methodology at work here. Architects especially need to look for language features and anti-patterns that might trap their team and lead to performance bottlenecks in their systems.
Build Engineering Capability
Abdella Ali and Ben Hofferber discuss the Angular team's new Standalone Components RFC (Request For Comment) and what it means for today's Angular architects.
Modernize Your Stack
Since 2015, Rangle has been working with Google on tools and resources for developers, including our Angular Training Guide, to be released in a new edition on June 30. In partnership, we introduced Augury, the most-used tool for debugging, profiling, and inspecting Angular applications with Google Chrome. Augury is a tool that visualizes your code, helping developers understand what Angular is doing, without digging through source code. It's an excellent tool for new Angular developers, but equally useful for experts in the framework.
Frontend Development
For those still using the JavaScript framework, it's time to migrate your frontend to the modern Angular 11+, in order to avoid security risks and browser compatibility issues once the end-of-life date approaches.
Modernize Your Stack
Are you a React developer looking to try out Angular development? Curious about how much of your knowledge is transferable? While Angular and React do have many differences, this post will show that there are some patterns and similarities that translate between the two frameworks. You might actually know more Angular already thank you think you do.
Frontend Development