React Vernacular Campaignシリーズの第3回目へようこそ！今回は、JavaScriptの非同期操作について深く掘り下げ、AsyncとAwaitという2つの重要なキーワードを紹介します。 この記事では、実際の例を通して非同期操作の概念を示すとともに、Promise、Fetch、Async、Awaitを使って非同期コードをより効果的に処理する方法を紹介します。この記事では、非同期操作の概念と、Promise、Fetch、Async、Awaitを使って非同期コードをより効果的に処理する方法を紹介します。
JavaScriptの非同期と待機 - React Whitepaper キャンペーン 03 続きを読む
Javascript, React ホワイトペーパーキャンペーン, テクニカル記事
前回の記事では、let、const、var差分、テンプレートリテラル、アロー関数について紹介しました。本記事では、JavaScript ES6のその他の新しい構文である、オブジェクトの分解、オブジェクト構文の強化、配列の分解、拡張演算子について紹介します。 以上の内容を通して、Reactフロントエンドフレームワークをより簡単に習得する一助となれば幸いです。
JavaScriptのES6オブジェクト - Reactホワイトペーパーキャンペーン02 続きを読む
Javascript, React ホワイトペーパーキャンペーン, テクニカル記事
Reactフロントエンド・フレームワークに入る前に、読者のJavaScriptの知識を新たにしよう。この記事では、JavaScriptの歴史、letとconstとvarの違い、テンプレート・リテラル、そしてJavaScript ES6の非常に重要な先駆けであるアロー関数に焦点を当てる。
JavaScript ES6 - Reactホワイトペーパーキャンペーン01 続きを読む
Javascript, React ホワイトペーパーキャンペーン, テクニカル記事
Reduxを使うにせよ、Contextを使って状態管理を行うにせよ、Zustandの方が複雑で、後からプロジェクトに参加したエンジニアにとっては理解に時間がかかる。 Zustandの主な目的は、フロントエンドの状態管理を比較的シンプルでわかりやすくすることであり、そのためZustandが選ばれる企業もある。
Zustandとは？ Reactフロントエンドの状態管理 続きを読む
テクニカル記事
Nxは、よく知られたプログラムエディターVS Codeと同じ設計思想を共有しており、拡張機能をダウンロードしなくても、VSCodeでかなりうまく作成できる。
Nxも同じで、Nxのコアはシンプルで、すっきりしている。そしてNxプラグインを使えば、プロジェクトごとに異なる選択ができる。
なぜ大企業はNxを使うのか？ モノレポツール 5分のクイックセットアップ 続きを読む
テクニカル記事
Monorepoは大量のコードを一元管理するためのフレームワークで、従来の個別プロジェクトとは異なります。核となる考え方は、フロントエンドに関連する全てのコードを単一のリポジトリで管理することです。このアーキテクチャの利点は、コードの再利用性の向上、コードの透明性の向上、すべてのパッケージが同じバージョンを使用することの保証、統一されたコードスタイルです。
モノレポを本当に知っていますか？ 5分で学ぶフロントエンド・メガアーキテクチャー 続きを読む
テクニカル記事