cabinet 200cm x 92cm top 3cm bottom 15cm scale 5
       50cm     \*        \*        20cm
  \*   drawer   door     door     drawer
  \*   drawer   ^        ^        drawer
  \*   ^        ^        <        drawer
  \*   >        drawer   drawer   <

Super cool!

import Button from "@cool-lib/core/button";

import Link from "@cool-lib/core/link";

import Widget from "@cool-lib/core/widget";

This is similar to what lodash does too. Still have more imports, but only one package.json dependency! And the same perf gains.

I hope that other data grid libraries can mimic some of this to improve web accessibility. These components can be really tedious to interact with today

Comments URL: https://news.ycombinator.com/item?id=27044642

Points: 1

# Comments: 0

- It's easier to control your SVGs with clearly defined props

- You can bake in accessibility into your illustrations

- Unlike to icon fonts which load the entire font, you can leverage modern module loading practices to only load the SVGs you need (i.e.: import HackerNewsIcon from '...')

- Unlike in-lining SVGs, the resource can be cached, bundled, and re-used multiple times without duplicating the contents.

- This tool automatically strips away `id`s so you don't have id collisions.

- Since it's a component, you can modify it to, for example, show a different SVG under a different locale if the English design doesn't translate well.

This has helped our little design system team off-load the incoming requests to add new icons back out to the requesting teams. And if an icon doesn't meet the requirements of our system, consumers can continue to use them in their own projects while still being aligned on props and a11y.

Hope you all find this useful too!

Comments URL: https://news.ycombinator.com/item?id=21820862

Points: 4

# Comments: 1