私のソフトウェア エンジニアリング ブートキャンプのフェーズ 2 では、ライブラリ/フレームワークの React.JS の学習を開始しました。数多くのラボを修了し、講義に参加したとき、単純な JavaScript ではなく React を使用することのスケーラビリティに気付き始めました。

宣言型プログラミング

React でコーディングするときは、宣言的にプログラミングしています。これは、プログラムが何を達成すべきかを記述していることを意味し、それがどのように達成されるかはプログラムによって決定されます。単純な JavaScript に関して言えば、命令型プログラミングを行うことになります。つまり、プログラムが実行するアクションを明示的に指定し、プログラムがそれらのアクションをどのように使用するかを記述します。

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

コンポーネント

React は、コンポーネントを使用してアプリケーションを構築することで機能します。コンポーネントは、独自のデータとスタイルを処理および受信できる Web ページのセクションです。コンポーネントを使用すると、同じ機能を維持しながら、アプリケーションを高度に再利用可能でスケーラブルにすることができます。

結論

私が授業で学んだ類推は、React を学ぶことは車の仕組みを学ぶことに似ているということです。自動車には、機能的な自動車を製造するための基本となる多くの部品があります。エンジン、トランスミッション、サスペンション システムのしくみを知ることは有益かもしれませんが、ペダルの正しい使い方、ハンドルの操作方法、ギアの変更方法を理解することがさらに必要になる場合があります。