Digests » 305
this week's favorite
Storybook is the best way to develop UI components in isolation. Teams write hundreds or even thousands of stories to catalog all their key component states. This is incredibly useful for prototyping, documentation, review, and more. So useful that it’s used by teams at Github, Netflix, and Spotify and many others.
Any React application starts off nice and clean until you start layering conditional logic on top of it. And it quickly gets worse when you start adding granular permissions and roles.
In React, the onFocus event is called when the element receives focus and onBlur event is called when focus has left the element. There are 4 types of native focus events, focus/blur which do not bubble and focusin/focusout which bubble.
Color pickers are often found inside a dialog or a dropdown. Building those components so that they have proper UX and behave as expected is not trivial. Being that this is not the main focus of this blog post, I'm going to assume that the <ColorPicker> will be always visible.
This article shows how to pass json data from Express.js or AEM backend to the React app.