Alyssa Hollandblog.alyssaholland.me·Nov 18, 2024Principles for Building Successful Component Librariesℹ️ Introduction Reflecting on my journey with component libraries, I've gathered a myriad of insights that I believe can guide others in creating successful component libraries of their own. Working across several libraries in various capacities, eac...1 like·31 readsReact
akash javaliblog.akashjavali.com·Sep 13, 2024A Beginner's Guide to Storybook: Supercharge Your UI DevelopmentIn today's fast-paced web development world, building scalable, reusable, and consistent UI components is crucial. As user interfaces grow more complex, developers need effective tools to manage their UI components in isolation. Storybook is one such...31 readsStorybook
Mohammad Massoud Salemmassoudsalem.hashnode.dev·Sep 9, 2024Mastering the Art of React Component LibrariesAs a frontend developer, Today, I'm excited to share insights on building a React component library that not only meets current needs but scales gracefully with your project. We'll explore key decisions that enhance scalability, maintainability, and ...components in react
Andrico KaroullaforfreeCodeCampfreecodecamp.org·Aug 13, 2024What is a Component Library? When to Build Your Own and When to Use Someone Else'sIf you've built a frontend project in the last five years, you will have likely written some components, and maybe even used a component library. Components and libraries have been an important part of the web development landscape for multiple decad...Web Development
akash javaliblog.akashjavali.com·May 17, 2024Building a Scalable Component Library in React: Best Practices and PitfallsIntroduction: Creating a scalable component library in React is a game-changer for modern web development. It empowers teams to build consistent, reusable, and maintainable UI components that can be leveraged across multiple projects. However, crafti...46 readsreact js
Royal JainforCodeParrot 10x Dev10xdev.codeparrot.ai·Apr 4, 2024Build component library using StorybookIt serves as a "workshop" environment where you can see how components look and behave in various states without needing to embed them in your application's main UI. This makes it easier to develop, test, and document components. Why should you use i...35 readsStorybook
Hirusha Fernandohirushafernando.hashnode.dev·Mar 29, 2024How To Choose The Right UI Component LibraryWe use UI Component Libraries in our projects to give a nice look to the user interface. Rather than developing everything from scratch, it is very efficient to use a UI component library. It will speed up our development and also help to keep the co...UI
Dana Ciocandanaciocan.com·Nov 6, 2023Troubleshooting tree-shakingI have spent the last couple of months working on making a UI library (specifically a collection of React components for reuse in other projects) tree-shakeable. In that time, I felt like I read almost every article on tree-shaking that exists on the...Tree shakingtree shaking
Mike Gowlandblog.powersnacks.org·Sep 19, 2023New Component Library - The Social Media KitI'm pleased/terrified to announce my first public Component Library, the Social Media Kit. This Component Library, inspired by Social Media Apps, allows makers to use one or more components together to help them quickly create apps with additional fu...1 like·59 readsPowerPlatform
Mike Gowlandblog.powersnacks.org·Sep 15, 2023Documenting Components 📃I've already covered a lot of aspects in my previous articles on how to add properties seamlessly to components, how to use modern theming and even the new property types (Experiemental!). In this article, I'm going to share a technique I use to help...1 like·53 readsComponent LibrariesPowerPlatform