Links tagged: components
An Introduction to Web Components | CSS-Tricks
March 19th 2019
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.
March 4th 2019
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.
March 4th 2019
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.
July 7th 2017
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.
May 11th 2017