Community Picks·2yTop Headless UI libraries for React in 2024 | Blog
Explore the top headless UI libraries for React in 2024, including Radix UI, Headless UI, React Aria, Aria Kit, Ark UI, and Reach UI. These libraries prioritize accessibility, customization, and scalability, offering distinct advantages for web development and inclusive design practices.
asayer·2yDesign Systems for Front End Development
Design systems in front end development are collections of reusable components with clear design standards. They include a design language, component library, and style guide. Benefits of design systems include scalability, design consistency, faster development, and accessibility. Setting up a design system involves collaboration among designers, developers, product managers, and accessibility experts. Metrics and analytics are important for evaluating the impact and effectiveness of design systems and can be used for continuous enhancement.
Javarevisited·2yHow does YouTube stream millions of videos daily?
This post explores the system design of YouTube and discusses its functionality, building blocks, requirements, database design, and workflow. It also provides estimations for storage and bandwidth requirements, and explains how YouTube ensures low latency, scalability, availability, and reliability.
Medium·2yOptimising your design system with Figma’s variables
Learn how to optimize your design system using Figma's variables. Explore the principles of consistency, scalability, maintainability, DRYness, and code-friendliness. Discover the benefits of primitive variables and how to set them up in a Codesign system. Understand the concept of semantic variables and their compatibility with different modes. Start building your own design system today!