If you’ve been researching design systems, you’ve probably come across the term “design tokens.” (If you haven’t, no worries! You can read about them here.) Even if you’ve heard the term, you might not really understand what they are or where to start.
Design tokens are an approach to storing…
Before tagging a new version, lerna scans your codebase for changed files. If it finds a changed file, it’ll recommend a new version. This is really useful most of the time, but you only want to bump to a new version when some library functionality changes. You certainly don’t want…
Over the past few years working on design systems, I’ve picked up some tips and tricks that can help me ensure a higher level of accessibility in the components I build. This blog post is for you if you want to build more accessible components, and you’re not sure where…
I’ve heard a lot of horror stories about teams that don’t version their component library. I’ve only heard one success story. Not great odds for team no versioning.
Sometimes teams don’t version their library because they want to automatically propagate newly-available changes across all subscribing applications. It would be great…
Web developers used to hard-code all of their style data. If a button needed a background color of blue, they’d assign the background color right at the source:
.button {
background-color: blue;
}That worked for smaller systems that didn’t need a theming layer and weren’t undergoing frequent redesign. But…
Picture a fully-fledged design system. You can bootstrap a new project, pull a bunch of components from the system, and have a page in minutes instead of days.
When you’re first starting to build your own, it seems too good to be true. You might be asking yourself, “how do…
Written by Tim Brown and Mae Capozzi.
This article was originally published on Design Systems.
Most component libraries share an origin story. A growing company offers a new product or service; engineers write new code to support the new products; someone notices that the engineers keep rebuilding the same (or…
Flamingo has landed! Harry’s, Flamingo’s parent company, serves over one million female customers. We believe that women deserve high-quality, reasonably priced, and simple body care products too.
As an engineering team, we are committed to providing women with a body care experience tailored to their specific needs. It’s important to…
React 16.6.0 introduced React.lazy, which allows you to code-split using the new Suspense API.
Siddharth Kshetrapal came out with a great video showing how this works in 60 seconds. I’d recommend watching it –– it’s really well-done.
I’ve built a Github clone based off of Siddharth’s example. Hopefully this will…
