Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 60–71 of 507 posts
A practical guide to using AI to curate product collections at scale, make product recommendation and search algorithms smarter with semantic awareness, and empower teams to deliver seamless customer experiences.
Ship AI Features
Going headless does not automatically bestow upon your site better SEO and speed. What it does is give you the freedom, flexibility and control to implement the right strategy for your business. We discuss the technical factors to optimize for SEO and performance in your headless application.
Escape CMS & Commerce Lock-In
Lowering location accuracy is not the best way to reduce your app's power usage. Use these configurations for iOS background location services and stop draining your users' batteries.
Frontend Development
Optimizing bundle size is critical for high-performance web applications. Learn how to use Webpack Bundle Analyzer and Statoscope to identify and visualize imported modules in your codebase for quicker page load times.
Frontend Development
Learn how we manage design debt in our file asset library by detaching components and styles from unwanted libraries in Figma. No more messy libraries. Our new Figma plugin "Missing Library Usage Finder" locates and detaches components, while "Library Style Detail Extractor" identifies styles and components linked to an unwanted library for easy removal. Simplify your design system management with these tools.
Scale Design
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
Variables are an exciting new feature recently announced by Figma at Config 2023. Learn about the advantages and limitations of variables, how you can integrate them with Tokens Studio, and what it means for design systems.
Scale Design
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
Design systems have become an essential part of modern digital platforms, providing a centralized framework for creating cohesive, consistent, and scalable omnichannel experiences. Thinking about building a design system? See how Radius can accelerate your journey.
Scale Design
Figma has made a big leap forward and is striving to enable a new kind of designer within the tool: the technical-inclined designer, who is closer to a developer and likes to figure out the logic and set up their designs to scale.
Scale Design
React provides several built-in mechanisms for memoization, which can enhance performance by optimizing component rendering. When used correctly, these techniques allow you to selectively memoize components or their parts to prevent unnecessary re-renders.
Frontend Development
Watch our hands-on workshop at React Summit 2023, where we showed how to build a high-performance headless website using Next.js, Sanity, and the JAMstack architecture.
Escape CMS & Commerce Lock-In