反応を学ぶためのリソース：始めるために必要なすべて

Reactは、Facebook開発者によって作成されたJavaScriptライブラリで、ユーザーインターフェイスを高速に構築しています。 Reactが新しく、React Development Journeyが加速している場合でも、基本、テクニック、ツール、テクニックを習得することは困難です。そこで、利用可能なリソースと推奨事項へのこのガイドを作成しました。学習の段階に関係なく、必要な最良の反応コンテンツは次のとおりです。それをチェックして、詳細に学びましょう！ （私たちが何かを逃したと思うなら、以下のフォームでお知らせください！）

キーポイント

• Reactは、記事からコース、プロジェクト、ニュースレターまで、多数の学習リソースを使用して、高速ユーザーインターフェイスを構築するためのJavaScriptライブラリです。
• 推奨リソースには、「React初心者」コース、「React初心者：初心者向けガイド」記事、および「バージョンコントロール」ニュースレターが含まれます。
• 学習する前に、ES6機能、閉鎖、非同期プログラミング、「この」キーワードなどの概念を含むJavaScriptをしっかりと把握する必要があります。 HTMLとCSSの知識も重要です。これは、HTMLと同様のJavaScript構文拡張機能であるJSXを使用するため、重要です。

記事

学習の反応を検討しているか、より高度なツールとシステムを探しているかどうか、私たちが見つけた最もよく書かれたリソースをいくつか紹介します。

初心者と比較

• 反応が始まる：初心者向けガイド[SitePoint]
JSXの初心者[SitePoint]
Reactチュートリアル：ゼロから電卓アプリケーションを構築する[sitepoint]
スタイルの反応コンポーネント：7方法比較[SitePoint]
次のプロジェクトに最適かどうかを確認する方法[SitePoint]
反応対角度 - 詳細な比較[sitepoint]
React vs. Vue—「なぜVueの代わりにReactを選んだのですか」[Medium/@CalinLeafshade]
反応の初心者、初心者のガイド[SitePoint]
音楽プレーヤーを構築することにより、React 16で新機能を探索します[SitePoint]
d3アニメーション[sitepoint]
• をどのように改善するか
Facebookの公式Reactはじめに[Facebook.Github]

基本

• すべての基本的な反応の概念は、1つの記事に圧縮されています[Medium.FreeCodecamp]
• FacebookのCreate React App [SitePoint]
でプロジェクトをすばやく準備します
• 基本に戻る - 使用回答の流れ[中/javascript-inside]
• ステートレスコンポーネント[SitePoint]
を使用してReact Performanceを最適化する方法
• Reactスタイルの概要 - 外部CSSを使用してコンポーネントをスタイリングする[SitePoint]
• React Animation [Medium/React-Native-Training]
の詳細な理解
• コンポーネントフォルダーモードの概要[Medium/Styled Components]は、拡張可能なReactアプリケーションの書き込みを容易にします。
React Router 4 [css-tricks]
• に関するすべてのすべて
およびサーバー側のReactレンダリングガイド[CSS-Tricks]
反応[Medium/@housecor]
• で状態を処理するための4つの不変の方法
ネイティブ[setepoint]
• をインストールする方法 Reactネイティブアプリケーションの認証ガイド[Goshakkk.Name]
• 検索可能でフィルタブルReactクイックルックアップテーブル[ReactCheatsheet]
• わずかに高度

大規模なReactアプリケーションを整理して作成する方法スケーラブル[SitePoint]

提案：Rearn React [robinwieruch]
真に普遍的な反応コンポーネントシステムを作成する方法[Medium/Styled Components] Redux vs. Mobx：どちらが良いですか？ [setepoint]
• React16は、Reactが不明なDOMプロパティを処理する方法を変更しました：これらの変更があなたとあなたのコードにどのように影響するかについてのガイド[facebook.github]
• course

記事を通して独自の学習パスを構築したくない場合、またはすべての概念とテクニックを習得することを確認する場合は、次の構造化されたReactコースをお勧めします。 React [Reactforbeginners]の初心者は、ReactメンターのWes BosからのReact Educationのゴールドスタンダードです。

React Express [React.Express]は、React開発の包括的なガイドです。

• プロジェクト

あなたは基本を習得しました。ここにあなたが実践できるいくつかのプロジェクトがあります：

ユーザーログインと認証を使用した段階的な反応アプリケーションを段階的に構築するためのガイド[SitePoint]

React NativeとPusher [SitePoint]

を使用して、州のリアルタイムアプリケーションを構築するためのガイド

ネイティブアプリケーションを反応するために分析を追加する方法[SitePoint]

• 最初のサーバー側のレンダリングされたReactアプリケーションをRails [Engineering.Musefind] ReactとFirebase [sitepoint]
• を使用してRedditクローンを構築する方法
React VR [SitePoint]
• を備えた完全な球状の3D画像ライブラリを構築する
その後、React、Redux、Express、およびMongodbを使用して、完全なTrelloクローン[SitePoint]
• を構築します
次に、racever nativeを使用して顔認識アプリケーションを構築します[SitePoint]
React Native [SitePoint]
• を使用してAndroidアプリケーションを構築する方法
ReactとWebWl [SitePoint]
• を使用してゲームをビルドします
• ライブラリとツール
• • React開発のためにVIMをセットアップする方法[drivy.Engineering]
  • React-BoilerPlate [github/React-boilerplate]は、次のReactプロジェクトのスケーラブルでオフラインファーストベースです。
  • React-Vt [Github/Reactvt]は、React開発者向けの視覚テストライブラリです。
  • Mirror [github/mirrorjs]は、最小限のAPIとボイラープレートコードがないシンプルで強力な反応フレームワークです。
  • 反応材料ui、React Bootstrap、Semantic ui、および（4）その他 - 知っておくべき7つのReactライブラリ[readwrite]
  • JetBrains Web UIコンポーネントはオープンソース[blog.jetbrains]
  です
  • ギャツビー[Gatsbyjs]は、フレンドリーで非常に高速な反応静的サイトジェネレーターです。
  • React Staticは、構成しやすくなり、データに不可知のように設計されたReact Staticサイトジェネレーターです。
  • race Native Pull to Refrend [github/nadikuts]は、Androidのカスタムプルダウンリフレッシュコンポーネントです。
  • lottie [airbnb.design]は、iOS、Android、およびReact Native Libraryです。これにより、アプリケーションは静的画像を使用するのと同じくらい簡単にアニメーションを使用できます。
  • sketch.app [airbnb]は、ドキュメントをスケッチするためにレンダリングされたReactコンポーネントを作成できるAirbnbのもう1つのツールです。

  ニュースレター

  このすべてがReactの世界に入るのに役立つ場合 - 最新の情報を入手するのに役立ついくつかのニュースレターがあります。

  • バージョンコントロール[SitePoint] - Daily Newsletter、React、この投稿のようなもの（テキストやリンク）など、さまざまなトピックをカバーしています。
  • React Status [React.StatusCode] - CooperPressの偉大な人々からの毎週のニュースレター。
  • React Newsletter [ReactJsNewsletter] - Tyler McGinnisとEan Platterがキュレーションした毎週ニュースレター。
  • React Digest [ReactDigest] - 毎週月曜日に5つのReactリンクを送信します。

  何を逃しましたか？

  最後に、ここに含めるべき優れた反応リソースまたはツールが見つかった場合は、以下のフォームでお知らせください。幸せな反応！

  学習のReactについてよく尋ねられる質問

  学習反応の前提条件は何ですか？

  反応を学び始める前に、JavaScriptはJavaScriptライブラリであるため、JavaScriptをマスターすることが非常に重要です。 ES6機能、閉鎖、非同期プログラミング、このキーワードなどの概念に精通している必要があります。 HTMLとCSSの知識も重要です。これは、HTMLと同様のJavaScript構文拡張機能であるJSXを使用するためです。

  反応を学ぶのにどれくらい時間がかかりますか？

  反応を学ぶのに必要な時間は、現在のスキルレベルと、学習にどれだけの時間を費やすことができるかによって大きく異なります。すでにJavaScriptに習熟している場合は、数週間の専用学習でReactの基本を習得できます。ただし、Master ReactとReduxやReactルーターなどの生態系をマスターするには数ヶ月かかる場合があります。

  反応を学ぶためのリソースは何ですか？

  反応を学ぶために利用できる多くのリソースがあります。これらには、オンラインチュートリアル、ビデオコース、書籍、ドキュメントが含まれます。公式のReactドキュメントは、開始するのに最適な場所です。 Interactiveコースは、CodecademyやSitePointなどのサイトで利用できます。また、YouTubeやブログで多くの無料のチュートリアルを見つけることができます。

  なぜ私は反応を学ぶ必要があるのですか？

  Reactは、特にシングルページアプリケーション用のユーザーインターフェイスを構築するための最も人気のあるJavaScriptライブラリの1つです。再利用可能なUIコンポーネントを作成できます。 ReactはFacebookと個々の開発者や企業のコミュニティによって維持されており、業界で広く使用されています。 Rearning Reactは多くの雇用機会をもたらすことができます。

  Reactはライブラリまたはフレームワークですか？

  ReactはJavaScriptライブラリであり、フレームワークではありません。違いは、ライブラリが必要に応じて使用できる特定の孤立した機能を提供し、フレームワークはツールと機能の完全なセットを提供するだけでなく、物事を行う特定の方法を課すことです。 Reactは1つのことに焦点を当てています - ユーザーインターフェイスの構築、そしてそれは本当に良い仕事をします。

  JSXとは何ですか？なぜそれが反応において重要なのですか？

  JSXはJavaScript XMLの略です。これは、JavaScriptコードでHTMLのようなコードを記述できるJavaScriptの構文拡張機能です。 Reactアプリケーションを書くにはJSXは必要ありませんが、コードの読み取りと書き込みが容易になるため、推奨されます。

  反応の仮想DOMとは何ですか？

  Virtual Dom（Document Object Model）は、Reactによって導入される概念であり、UIの仮想表現はメモリに保持され、Coordinationと呼ばれるプロセスを通じて「実際の」DOMと同期されます。このプロセスは、コンポーネントを簡単に作成して、高性能で予測可能なコードベースを有効にする機能と組み合わされます。

  反応の状態とトラックの違いは何ですか？

  反応では、状態と小道具はJavaScriptオブジェクトです。状態は、コンポーネントがマウントされたときにデフォルト値から始まり、主にユーザーイベントの結果である時間の経過とともに変異するデータ構造です。プロップ（属性として略される）は、その親コン​​ポーネントによって渡される変数です。

  reduxとは何ですか？

  Reduxは、JavaScriptアプリケーション用の予測可能な状態容器です。一貫して実行され、さまざまな環境（クライアント、サーバー、ネイティブ）で簡単にテストできるアプリケーションを作成するのに役立ちます。主にReactとともに使用されますが、他のビューライブラリで使用できます。

  Reactでプロジェクトの構築を開始するにはどうすればよいですか？

  Reactの基本を習得した後、学習する最良の方法はプロジェクトを構築することです。 To Doリストや天気アプリなどの簡単なプロジェクトから始めます。あなたの経験がより成長するにつれて、あなたはより複雑なプロジェクトに頼ることができます。これは、あなたが反応をよりよく理解するのに役立つだけでなく、ポートフォリオを構築することもできます。

以上が反応を学ぶためのリソース：始めるために必要なすべての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。