Origami Frontend Components & Services

Origami Newsletter, January 2023

Posted on by Akaki Mikaia.
Tagged with Newsletter.

TL;DR: Origami has more team members; Storybook templates; More accessibility improvements; New CLI tool to create new components.

Top things

Some of the bigger Origami news since our last update:

Origami has more team members

The Origami team is very happy that we have new team members joining. Ben Freshwater joined as a full-time S1 developer. Rhys Evans is helping Origami as a part-time product owner.

Storybook templates

Origami has been thinking about adopting a tool for documenting and making interactive component demos. So last year Origami started writing TSX templates for existing components. Which gets integrated into our Storybook demos. This approach will also support designers to work closer with the Origami team and will enable other developers to have a better demo experience.

NOTE: This is still a work in progress and not every component has a TSX template, but play around with the ones that we already published. Also if you think we should prioritise some components get in touch with us or join us during our office hours.

More accessibility improvements

In December Origami dedicated its energy to closing as many accessibility issues as possible following the DAC audit. In this successful endeavour, we managed to close 38 issues out of 40. The remaining two are in progress.

The most notable change was related to focus styles. We published a blog about this if you want to have deeper dive into it, but in short, focus rings are black and white shadows around the focusable elements.

New CLI tool to create new components

Summer 2022 Origami rebuilt a CLI tool to make it easier for other developers to create new components. To create new components run npm run create-component from the root folder and it will guide you through the new component creation process and will generate template files and even some default code to get started with.

NOTE: Since Origami is trying to migrate existing components to TSX templates, as mentioned above, we decided to make this even easier and at the moment the CLI tool also supports a command npm run create-component storybook that should help you to generate all the files needed to start building a TSX template for existing components.

Special Thanks

Special thanks, in last quarter, goes to Orhan Bakir and Andy Little for helping Origami to write a TSX template for o-forms. It was a very big component and thanks both of you for your contribution.

Broader update

A digest list of some other things that have happened in January: