流暢なReact

序文

ユーザに愛されるアプリケーションを作るために、ウェブ開発者として理解しなければならないことはたくさんある。特にReactの領域では、利用可能な資料が豊富にあり、それが問題の一部でもある。チュートリアルやブログの記事を渉猟し、矛盾がなく、知識に穴が空かないようなカリキュラムを組み立てることを期待しながら、自分で道を切り開かなければならない。そして、自分が学んでいることが古いのではないかと常に心配することになる。

そこでテジャス・クマールが本書で登場する。TejasはReactを何年も経験しており、知識の基礎を固めるために、トピックを深く掘り下げている。彼は経験豊富なエンジニアであり、Reactに自信を持てるようになる知識の泉だ。私は、オープンソース、カンファレンスでの講演、教育コンテンツの作成、そして個人的なレベルにおいて、様々な立場で長年テジャスと付き合う機会に恵まれたが、素晴らしい人間でもある才能ある人物によって作られた本を手にしていることを理解してほしい。

本書では、あなたが適切なメンタルモデルを持って「Reactで考える」のに役立つ、他の方法では触れることのないようなテーマに飛び込んでいく。Reactのそもそもの存在意義を理解することで、Reactを問題解決のツールとして考える際の良いフレームが得られるだろう。Reactは何もないところで発明されたわけではなく、その起源を理解することで、Reactが解決しようとする問題を知ることができ、四角い穴に丸い釘を入れるようなことを避けることができる。

JSX、仮想DOM、リコンシリエーション、コンカレントReactといった基礎概念を理解することで、このツールをより効率的に使えるようになる。あるツールの経験をレベルアップさせる最善の方法は、そのツールがどのように機能するかを理解することだと、私は常に信じてきた。Reactを何年も使っている人でも、これらのセクションを読めば、Reactを本当に理解できるようになり、新たな可能性や理解への道が開けるだろう。

効果的で強力な抽象化を構築するためにプロが使っているパターンを発見できるだろう。React自体は非常に高速なUIライブラリだが、複雑なアプリケーションを構築する際にはパフォーマンスの最適化が必要になることがある。テジャスは、Reactで利用可能なメモ化、遅延ロード、ステート管理のテクニックを使ってその方法を紹介する。それ以外にも、複合コンポーネント、レンダー・プロップ、プロップ・ゲッター、ステート・リデューサー、コントロール・プロップといったパターンを使って、エコシステムの中で最高のライブラリーがどのように機能するかを理解できるだろう。これらは、Reactアプリケーションを構築する際に、ツールベルトに欠かせないツールだ。既製のソリューションを使っている場合でも、これらの強力な抽象化がどのように機能するかを理解することで、より効果的に使用できるようになる。

RemixやNext.jsのような実用的なフレームワークも紹介され、Reactのフルスタック機能を活用して最高のユーザ体験を実現するために重要な役割を果たす。Reactのサーバレンダリング機能が最初から備わっているため、Reactを使用してフロントエンドとバックエンドの両方でユーザ体験全体を構築することで、自分の運命を自分でコントロールできるようになる。また、Reactがユーザ体験をレベルアップするために使用している、サーバコンポーネントやサーバアクションといった最先端の技術についても知ることができる。 ...