React Japan light logo

All articles

React
Workflow

Level up your workflow with ESLint fix on save

Prettier, ESLint, and Stylelint are amazing tools that improve speed and efficiency, code quality, and reduce bugs, so you can focus on what really matters.

Steven Sacks
React Japan Founder
React
Workflow

ESLint - Foundation

The following are my recommendations for ESLint, Prettier, and Stylelint. These plugins with rulesets will form the foundation of your ESLint setup.

Steven Sacks
React Japan Founder
React
Workflow

ESLint - Sorting

The sort order of imports, props, object key is subjective. Alphanumeric sorting will keep your code organized and easier to read for everyone on your team.

Steven Sacks
React Japan Founder
React
Workflow

ESLint - Situational rules

These ESLint rules are situational, depending on the tools you are using.

Steven Sacks
React Japan Founder
React
Workflow

ESLint - Opinionated rules

These are rules which I did not include in the Foundation because they’re more opinionated. I’ll explain why I use them. Feel free to use them or not.

Steven Sacks
React Japan Founder
i18n
SEO
Remix

Localized link tags for SEO in Remix

To optimize SEO, your page needs link elements that point to the alternate localized versions. The solution is to use Remix’s meta function.

Steven Sacks
React Japan Founder
React

Empathetic Coding - Button Component

In this article, we’ll be creating a Button component from the ground up using an empathetic approach.

Steven Sacks
React Japan Founder
React

Empathetic Coding

Soft skills can also be applied to the “hard skills” of programming by following a philosophy called "empathetic coding".

Steven Sacks
React Japan Founder