React Japan light logo

すべての記事

React
ワークフロー

ESLintの保存時の修正でワークフローを次のレベルに上げる方法

Prettier、ESLint、Stylelintは素晴らしいツールです。これらを一緒に使い、設定することで、あなたやあなたのチームの全員がコードを書くスピードと効率を劇的に改善し、コード全体の品質を向上させ、バグを減らし、コードレビューを素早く行い、チーム全体が本当に重要なことに集中できるようになります。

スティーブン・サックス
React Japan 創設者
React
ワークフロー

ESLint - 基盤

ESLint、Prettier、Stylelint、およびeditorconfigに関する私の推奨事項です。これらは、あなたのESLintセットアップの基盤となるルールセットを持つプラグインです(一部カスタマイズされています)。

スティーブン・サックス
React Japan 創設者
Remix
ワークフロー

ESLint - ソート

インポート、プロパティ、オブジェクトキーなどのソート順は完全に主観的であり、特定のコンテキストでの最適な順序についてのあなた自身の意見さえも時間とともに変わる可能性があります。英数字のソートを強制することで、コードを整理し、チーム全体が読みやすくなります。

スティーブン・サックス
React Japan 創設者
React
ワークフロー

ESLint - 状況に応じたルール

使用しているツールによって、これらのルールは状況に応じたものになります。

スティーブン・サックス
React Japan 創設者
React
ワークフロー

ESLint - 意見の分かれるルール

Foundation に含めなかったルールで、より主観的なものです。なぜこれらを使用するのかについて説明します。自由に使用するかどうかを決めてください。

スティーブン・サックス
React Japan 創設者
i18n
SEO
Remix

RemixにおけるSEOのためのローカライズされたリンクタグ

多言語にローカライズされたコンテンツを持つサイトを構築するには、多くの側面があります。SEOを最適化するためには、ページには別のローカライズされたバージョンを指すリンク要素が必要です。

スティーブン・サックス
React Japan 創設者
React

共感的コーディング - ボタン・コンポーネント

この記事では、共感的なアプローチを使って、ゼロからButtonコンポーネントを作成します。

スティーブン・サックス
React Japan 創設者
React

共感的コーディング

これらの問題を回避または最小限に抑え、他の人が喜んで使用するコンポーネントを構築する方法は、私が「共感的コーディング」と呼ぶ考え方のことです。

スティーブン・サックス
React Japan 創設者
Remix
デブオプス

2024年、Remixアプリはどこでホスティングされる?

Remixはさまざまなホスティングオプションをサポートしています。このガイドは、あなたのアプリに適したものを選ぶのに役立ちます。

ジェイコブ・パリス
投稿者
Remix

Remix vs Next.js

RemixはNext.jsと一体どう違うの? 私たちはこの議題をストレートに、そして何の感情的な議論なしに言及していきたいと思います。この記事を読まれた後に、あなたのNext(次の)プロジェクトではRemixを使ってみようかな、とお考えになられることを私は願っています。

ライアン・フローレンス
Remix 共同創設者