The Art of Building Real-life Components
It’s fairly possible to judge a component and say that it’s easy to implement it in HTML&CSS. I agree, it’s easy when you are working for practice purposes only, but for a real-life project, it’s completely different. The perfect responsive component that you just built will fail quickly in case it was used for a real-life project with real content. Why? It’s because judging on how a component can be built without considering the edge cases.
Svelte 3: Rethinking reactivity
After several months of being just days away, we are over the moon to announce the stable release of Svelte 3. This is a huge release representing hundreds of hours of work by many people in the Svelte community, including invaluable feedback from beta testers who have helped shape the design every step of the way.We think you're going to love it.
Component Registration — Vue.js
The component’s name is the first argument of Vue.component.
Components Basics — Vue.js
Vue component basics
Component Discovery and Collaboration · Bit
Discover components to build your applications. Share and collaborate with your team and the community.
Build Your Next Design System with Web Components | The Ionic Blog
Few things in the frontend world are as hot as Design Systems, the idea of building a design spec or library of reusable components that can be shared across a team or company. Design Systems enforce style and branding guidelines, reduce design fatigue for engineers, and consolidate component engineering to one single set of components and a team that builds them. Basically, they help teams manage design at scale.
An Introduction to Web Components | CSS-Tricks
Building Web Components with lit-html
In our previous post A introduction to Web Components we learned the basics of the APIs that when used together can create a compelling and reusable way to make UI components. We learned Web Components communicate primarily via properties and events. Web Components can also use the Shadow DOM API to create template and CSS encapsulation. In this post we are going to look into a project ran by Polymer called lit-html.
How Are Function Components Different from Classes? — Overreacted
How do React function components differ from React classes?For a while, the canonical answer has been that classes provide access to more features (like state). With Hooks, that’s not true anymore.
Fractal user guide | Fractal Documentation
Fractal is a tool to help you build and document web component libraries, and then integrate them into your projects.
Component (or pattern) libraries are a way of designing and building websites in a modular fashion, breaking up the UI into small, reusable chunks that can then later be assembled in a variety of ways to build anything from larger components right up to whole pages.
Fractal helps you assemble, preview and document website component libraries, and then integrate them into your web sites, apps and build processes to create joined up, ‘living’ projects.
Fractal can be run from the command line or integrated into your project via its API.
Coding In The Age Of Code Components
This is the age of code components. Web, React, Angular, Vue, and even Node components are the building blocks of pretty much everything these days.