:heart: React

Metamn

To React with best practices. Written by @metamn.

On design systems

November 23, 2021

A series of articles.

On design systems — 3

November 22, 2021

Consistent user interfaces in web context.

On design systems — 2

November 10, 2021

Design tools and processes.

How I write React code in 2021

May 29, 2021

I optimize for less cognitive load.

On function signatures

May 28, 2021

Where to destructure props, and assign default values to them.

On design systems — 1

January 06, 2021

Workflow, practices and deliverables.

My current stack

December 21, 2020

For highly interactive, static websites without API.

Things I've learnt in 2020

December 20, 2020

React—used appropriately—works.

Things I've learnt — Q4 2019

January 28, 2020

22 things in random order.

A Big Picture

October 20, 2019

React and the ecosystem mapped up.

How to write React code in 2019

October 20, 2019

Cory House nails it.

On GraphQL

October 19, 2019

Easy to use on the front-end. More complicated on the back-end.

We're gonna program like it's 1999

October 19, 2019

How joy and simplicity was brought back into our lives by the Facebook crew.

The reactive, functional nature of React

October 08, 2019

React follows the Functional Reactive Programming paradigm. That’s a shift from the old proactive, imperative approach.

Ontology, taxonomy, choreography

October 07, 2019

A way to think about Information Architecture in React terms.

On state

October 05, 2019

Everything in React rolls around the concept of state.

Rapid prototyping for GraphQL APIs?

October 03, 2019

That’s nearly impossible today.

Identify the right leaders

October 03, 2019

Or else.

Is GraphQL functional and reactive?

October 02, 2019

GraphQL comes from the same family as React. And React is functional and reactive.

Putting React in context

September 25, 2019

A deep dive into the language and the ecosystem around.

Updating a WordPress theme to React

August 14, 2019

Get a SPA on a headless WordPress!

Thoughts on React after the first commercial project

July 31, 2019

It’s the future. It’s expensive. It’s unstable. And all these (will be) manageable.

GraphQL and REST APIs with AWS

May 19, 2019

Recently I’ve been commissioned to find out ways to create APIs on AWS to be consumed by web and native mobile clients.

After five months — Gatsby

May 10, 2019

Theming and live preview: the most important features of a classic CMS now available also in Gatsby.

After five months — React

May 09, 2019

We couldn’t have better news. Lean code. Official stack. Strong leader.

After five months — Storybook

May 08, 2019

Shiny new features on the way!

React inspired BEM / SCSS styling

March 31, 2019

New techniques for old problems.

There is no official style guide for React

January 08, 2019

And we clearly miss it.

A monochromatic palette with HSL and React

January 08, 2019

Pick two colors … and voila!

RGB vs. HSL: another round

January 08, 2019

One should be able to use code to work with colors, and think about colors in the same way thinks about other programming artifacts like data and algorithms.

An ideal color tool

January 08, 2019

A tool to generate color palette for sites and apps is always welcome. Yet one perfectly tailored to web is missing.

Setting up a typographic grid with React

January 07, 2019

To have an ideal grid where all elements are both vertically and horizontally aligned is possible. And a bit difficult.

Bauhaus to emoji: A call for a new typography

December 19, 2018

Typography has to be completely rethought.

Four types of responsiveness in React

December 14, 2018

With React — a reactive / responsive framework — it’s time to rethink the responsiveness of a website.

Designing with Storybook

December 14, 2018

No one can imagine how much creativity gone lost while we had no Storybook or an alternative.

To React with best practices

December 13, 2018

WordPress is here with Gutenberg — it’s time to react.