Michael Chang


Connecting React with LocalStorage

A Guide to Creating a LocalStorage React Hook

ReactJavascriptHooks

Creating an HTML5 Integer Input

When the HTML5 Number Input Is Not Enough

HtmlHtml5Input

How I dealt with over 30,000 ESLint errors

ESLint — Migrating to a Comprehensive Configuration

EslintJavascriptTypescript

ESLint — A Proofreader for your Code

A practical guide to setting up and using ESLint

JavascriptEslintLinting

Dealing with Code Splitting Network Failures

Reloading code split chunks to attempt to recover from network failures.

ReactJavascriptWebpack

A Guide to React Lazy Loading

A Guide to Code Splitting for React Components

React

A Guide to Asynchronous Array Iterator Functions

For Map, Reduce, Filter, Every, and Some

JavascriptAsyncArray

Testing React Hooks

A guide to using React Hooks Testing Library

ReactTestingJavascript

React Fast Refresh — The New React Hot Reloader

A Comprehensive Guide to Using React Fast Refresh

ReactReact fast refreshHmr

Improving Webpack Developer Experience

With Create React App's React Developer Utilities

ReactWebpackJavascript

Storybook Snapshot Testing

Automatic Jest Snapshot Testing with Storybook Stories

ReactTestingStorybook

A Guide to Documenting Controlled Components with Storybook

A Guide to Managing External Storybook State

ReactStorybookTesting

React 17: New JSX Transform

A guide to integrating the new JSX Transform

ReactReact 17Jsx

How To Create Horizontal + Vertical Scroll Shadows

In Pure CSS or with CSS + JavaScript

CssJavascriptScroll

5 Tips to Perfect React Testing Library Queries

My strategy to retrieve any element with the Testing Library API

ReactTestingTesting-library

Simulate Browser Interactions with Testing Library's UserEvent

A guide to Testing Library's UserEvent API

TestingReactJavascript

Storybook Is Your New UI Component Explorer

A single tool to develop, demonstrate, and document your UI components

StorybookUiUi explorer

Stylelint — The CSS Cousin of ESLint

Proofreading CSS for quality and consistency

CssLintingStylelint

Prettier — The Formatting Big Brother of ESLint

Empowering developers through Prettier's automatic code formatting

JavaScriptESLintPrettier

The Advanced Way to Style with Styled Components

A more in-depth look at the power of styled-components

ReactStyled-componentsCss-in-js

The Modern Way to Style with Styled Components

An in-depth look at the power of Styled Components

ReactStyled-componentsCss-in-js

Interaction Testing with React Testing Library

A window into React component testing

ReactTestingJavascript