ロシア語のReact.jsおよびReduxテキストチュートリアル

(React Fundamentalsチュートリアルは第2版をリリースしました ;更新プロセスのReduxチュートリアル)

ロシア語でのいくつかの詳細なテキストチュートリアルの作業を終了しました。 私はできるだけ多くの時間を練習に費やそうとしました。 ストーリーの過程で、質問、タスク、およびソリューションがあります。


Reduxコースは公式ドキュメントにあります


両方のマニュアルは無料で、 gitbookにアップロードされています (PDF、ePub、mobiをダウンロードできます)。


テキストには、ロシア語に翻訳された用語(たとえば、 state )、英語( state )、またはロシア語で書かれた英語の用語が意図的に含まれています。 私はこれを許容し、さらには読者にとって便利だと思います。



初心者向けのReact.js


このコースでは、「反応」の基本について説明します。 その結果、ユーザーはニュースフィードにニュースを追加できる小さなアプリケーションになります。


これは、 webpackホットモジュールの交換などを特にカバーしていません。 Reactはライブラリなので、ページにスクリプトを追加して、書き込みを開始するだけです。


残りのトピックよりももう少し詳しく、このコースではフォーム(制御および非制御コンポーネント)の操作を扱います。 残りのセクションは最小限のテキストです。 propTypesを忘れていません。


コースの最後(現時点)では、グローバルイベントシステムの簡単な実装が考慮されます。 これにより、読者はフラックス (およびRedux )が作成された理由にスムーズに導かれます。


アニメーションについて書く計画。


コードはES5です。 コースへの直接リンク( PDFePubmobi )。


Redux


それどころか、このコースでは、 webpackHMRのサポートが追加され、開発はより快適になりますが、読者がwebpackbabel使用したことがない場合、準備段階で少し混乱する可能性があります。


その結果、さまざまな年の「いいね」でソートされたVKから写真を取得できるミニアプリケーションが作成されます。 Reduxアプローチを使用することにした場合、特にAjaxリクエストを実行するためのリクエストと「どのように機能するのか」について説明します。


フラックスアーキテクチャを選択している人、またはリアクションをまったく使用していない人のために、リデュースアプローチは非常に同情的であると言いたいです。 私の意見では、それはコードをうまく構築し、読みやすくします。 「わずかに忘れられた」プロジェクトを開いたとしても、それが何をどのように機能するかを覚えるのに多くの時間は必要ありません。


計画には、ルーティング、アセンブリの最適化が含まれます。


コードはES2015 / ES7です。 コースへの直接リンク( PDFePubmobi )。


結論として


私はテキスト、コード、そして一般的に批判を聞いてうれしいです。 どの章が不十分に書かれているか(「経験がある」場合)、または理解していない章は(「初心者」である場合)。


チュートリアルでは取り上げられなかったが、答えを見つけたいと思っている質問は何ですか?


ご清聴ありがとうございました。



Source: https://habr.com/ru/post/J279249/


All Articles