テクニカル記事

Reactのライフサイクル - 前回の投稿では、Reactの構文を一歩進めて、React JSX - React Vernacular Campaign 06でReactコンポーネントの作り方を学び、コンポーネント間の親子関係について学びました。今回は、コンポーネントのライフサイクルについて、ライフサイクルの3つの段階、クラスオブジェクトのライフサイクル、関数オブジェクトのライフサイクルについて説明します。

React Props - Reactの方言運動。前回の投稿でReactコンポーネントの構築方法とコンポーネント間の親子関係を学んだので、この投稿ではReactの構文を詳しく見ていきます。この投稿では、React Propsの概念を紹介します： Reactコンポーネント宣言、React Props。

Reactプロジェクトのビルド - React Vernacularキャンペーン: 前回の記事では、Babelとは何か、Webpackとは何か、Npmとは何かという3つの用語を紹介した。本記事では、Reactプロジェクトを手作業でビルドする方法について、ビルド環境、Reactプロジェクトのビルド、プロジェクトの開始、Reactエクステンションの使い方を紹介する。また、CRAの公式ビルド環境と自作環境も紹介します。

この記事では、Reactプロジェクトを構築するために必要な3つの用語、Babelとは何か、Webpackとは何か、Npmとは何かについて説明する。もちろん、これらのツールを使うというコンセプトに主眼を置いていますが、他にもNpmやYarnといったツールがあります。

Reactは、Webやモバイルのフロントエンド開発で最も人気のあるJavaScriptパッケージの1つで、開発者がフロントエンドページを完成させるための再利用可能なコンポーネントを作成できるようにするためにMetaによって開発されました。コンポーネントについて説明します。

Reactは、ウェブやモバイルのフロントエンドを開発するための最も人気のあるJavaScriptパッケージの1つで、Meta（旧Facebook）によって開発され、開発者はフロントエンドページを完成させるための再利用可能なコンポーネントを作成することができる。

しかし、Reactは厳密にはフレームワークではないことに注意する必要がある。ReactはUIコンポーネントのレンダリングだけを担当するからだ。しかし、ReactはAngularやVueといったフレームワークの代替ソリューションを提供し、複雑なフロントエンド・ページの機能に取り組むことを可能にしてくれる。