React テクノロジー スタックを詳しく理解する

React の道を選択します。React は私にとってシンプルで使いやすく、アクティブなエコシステムと無限の優れたソリューションによってチームに進歩をもたらしました。私たちはこれまでこの道を模索し、学んできました。

私は1年近くコラムを書き続け、24記事の蓄積と共有をしてきました。サポートしてくれた友人にとても感謝しています。この度、今年の総括として、タイトル写真の本「In- Depth React Technology Stack」を出版することになりました。

React 実践のパイオニアである Guo Dafeng 氏にこの本の序文を書いていただいたのは非常に幸運でした。また、Zhang Kejun、Cun Zhi、Ruan Yifeng という 3 人の偉大な専門家にもこの本を推薦していただきました。また、この本を書いてくれたさまざまな場所の友人たちもいて、忙しい中この本を読んで感謝の意を表しました。

それでは、本書の出版目的と主な内容、その後についてお話しさせていただきます。

本書出版の目的

まえがきより抜粋:

現在、国内外でReactの入門書がいくつか出版されており、その多くは基本的な概念を紹介しており、気軽に入門できる内容になっています。 React
の世界。しかし、この本は、基本的な概念を詳細に説明することに加えて、React の理解からその原理に慣れるまで、Flux アプリケーション アーキテクチャのアイデアの探求から Redux
アプリケーション アーキテクチャの習得まで、そして以下について考えるのに役立ちます。 React がフロントエンドの世界にもたらす価値を、読者が自ら解釈して学んでいただければ幸いです。

本書の内容の一部は、「コラム」の記事から抜粋して要約したものであり、目次を見ると、コラムに登場した章が多数ありますが、内容は修正され、バージョンアップされています。必要に応じてさらに多くのものがあります。React とそのテクノロジー スタックの使用法と原理を体系的に説明することを目的として、コンテキストを深く調査するためのコンテンツが書き直されました。

React、Flux、Redux 自体は複雑ではありません。より重要なのは、その動作原理を理解し、自分自身で使用する方法を学ぶことです。したがって、この本は、事例について多くのスペースを割いて語る実践型とは異なり、必ず最初にこの機能の由来や原理、そしてその理由を説明します。当然のことながら、React を学習しているかどうかに関係なく、いつでもそこからプログラミングのアイデアを学ぶことができます。フロントエンド初心者にとってはある程度の学習コストはかかりますが、それでも最初から深く読むことができると思います。

実行可能なプロジェクトが必要な場合、babel、webpack、eslint、karma などの一連のツールに触れる事になります。これは初心者にとっては悪夢です。この渦に飛び込むことはお勧めしません。Github にはスターターキットがたくさんありますので、設定に時間を無駄にしないでください。アプリケーション開発を深めていくと、自然と徐々に理解できるようになります。

コラム内容の改善とアップグレード

コラムの執筆は、友人の特別な研究や実践の要約によって書かれており、本の内容は丁寧に整理され、接続されており、新しいものがたくさんあります。書かれた内容:

Reactの基礎知識から、コンポーネント間通信、コンポーネント間の抽象化、パフォーマンスの最適化など、誰もが気になる高度な知識まであらゆる側面から説明されています。特に、第 1 章と第 2 章では、純粋な知識システムや実践的なコンテンツを含む、タブ コンポーネントの例を通じてコン​​ポーネント化のいくつかの方法について説明します。

ソースコード分析に関する章が更新されました。すべての例は React 15.0 に基づいて書かれており、もちろん本全体も同様です。これは比較的大規模なアップデートであり、ソース コードに興味のある学生はじっくり読むことができます。

Flux と Redux の使用法を完全な例で説明し、ソース コード レベルまで分析して、読者が原理を理解し、実際に使用できるようにします。

視覚化と組み合わせた React の豊富な使用例、特に Recharts のようなビジュアル ライブラリをカプセル化する方法。ビジュアライゼーションはフロントエンド分野と密接に関係しており、ほとんどの原理は画像とグラフィックスのアルゴリズムにあります。フレームワーク レベルで説明できる内容はあまりありません。

レビュープロセス中に、FBはReact VRに関する情報を発表しました。FBは本当にReactをフルエンドのインターフェースライブラリに組み込むことを望んでいます。これは私たちにとって本当に大きなニュースです。

後悔と感想

本書の出版はコラムの「終わり」ではなく、私たちにとってこれまでの状況をまとめたものにすぎません。フロントエンドには毎日興味深いアイデアが無限にあり、探求すべき領域はまだたくさんあります。

この本は、現在最も普及しているモバイル端末についてはあまり扱っていませんが、依然として PC 端末のコンポーネント化に基づいて書かれています。 Simply React Native は正規軍です。興味のある学生は RN に関する本を読んで真剣に勉強できます。

また、執筆期間中にReact 15のマイナーバージョンアップが数回あり、Fiberなどのメジャーアップデートも行われました。また、更新情報はコラムにフィードバックされ、読者が推論を導き、本質を学ぶことができることを願っています。

Redux については語るべきことがたくさんあり、関連するライブラリも多数あるため、初心者にとっては必然的に学習が困難になります。さらに、redux-sagas、redux-observable、Mobx など、特に取り上げられていない人気のあるライブラリも多数あります。

上記は React テクノロジー スタックの詳細なコンテンツです。さらに関連するコンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。