3反応するときに知っておく必要があります

6613 ワード
react webdev javascript テキストリンク
この記事の目的はあなたがreactjsで始まるときに知る必要がある3つのことを示すことです.私が非常に最初からこれらの3つのものを知っていたならば、私はよりすぐに反応して、より速く進歩して、ずっと進歩していました.
ですから、ちょうどReactJsで起動しているか、それを学びたい場合は、私はあなたが迅速かつ効果的に開始するためのヒントを与えるように読んでください.

JavaScriptで本当に良くなる


あなたが反応を学習する前に知っておく必要がある最初のものはJavaScriptです.本当に、反応についての大きなことは、それが「ちょうど」Javascriptライブラリであるということです.だからJavaScriptについて知っているより良いあなたが反応を使用してアプリケーションを書くことで取得します.
それはあなたがマスターすることが重要であり、JavaScriptの基礎と快適になるように反応するとはるかに生産的になります.
多くの人々がする傾向がある一般的な間違いは、固体のJavascriptプログラミング基盤を持つ前に反応を学習し始めることです.それで、あなた自身この誤りをしないでください.
まず、JavaScriptで本当に良くなる.さもなければ、あなたはすぐにあなたが反応とともに学ぶ必要があるすべてで圧倒されます、そして、あなたが反応で働くことがどれくらい素晴らしいかについてさえわかる前に、多分、あなたは多分やめます.だから、あなたが本当に反応を最大限に活用したい場合は、その固体基盤を構築します.
このために、私は私のブログ柱を読むことを提案します10 JavaScript Concepts You Should Learn To Master React . また、チェックアウトすることがありますEloquent JavaScript マリーンHaverbekeによって.これは、あなたがオンラインで読むことができるJavaScriptについての優れた本ですhere (無料).最後に、以下のオンラインコースを考えてみてください.JavaScript30 (無料)Beginner JavaScript , or ES6 for Everyone .
私はまた、あなたのための全体のレッスンが含まれていますBecome a React Developer コース.これをチェックアウト、それは完全に無料です!

フォーカスのみ反応


番目のことは、唯一のreactjs学習に焦点を当てています.最初から3つの主要な設計原理(宣言型プログラミング、コンポーネントの構成、および一方向データフロー)を理解することから始める必要があります.それはあなたの学習曲線の巨大な違いを作るつもりだ.

それに加えて、余分なサードパーティライブラリやツールを必要としない反応を開始します.反応APIはかなり小さく、驚くほど簡単です.実際には、反応アプリケーションを構築するために必要なのは2つだけです.反応要素を作成するための1つ、およびそれらの要素をレンダリングするためのもう1つ.
最も簡単なアプリをすることができますだけで構成されてindex.html 対応する依存関係を持つファイル.
<html lang="en">
  <head>
    <title>React App</title>
  </head>
  <body>
    <div id="root"></div>
    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
    <script type="text/javascript">
      var title = React.createElement("h1", null, "Hello, World!");
      ReactDOM.render(title, document.getElementById("root"));
    </script>
  </body>
</html>
もう一度、あなたはあなたが始めるためにどんなツールも学んで、構成する必要はありません.あなたも使用することができますcreate-react-app つのコマンドを実行することによってあなたの反応アプリケーションを設定するには何も設定することなく.
npx create-react-app my-app
残念ながら、初心者のためのオンラインリソースの多くは、ツールの束が含まれて学習をより複雑に反応するようにします.そういうわけで、私はそれをつくりましたBecome a React Developer コース.それは反応の開発者になることですべての方法を地面から始まります.あなたはステップで反応をマスターするために必要なすべてを学びます.

手を汚す


何か新しいことを学ぶ良い方法はありません.特に、新しいプログラミング言語や新しいライブラリを学ぶことになるということです.私は本当にそれが概念を把握し、あなたの時間を最大限に活用する唯一の方法であると信じています.
YouTubeでビデオコンテンツの時間を見ることができますが、初期の練習しない場合は、それから何かを学ぶことはありません.

Build (a lot of) things and start as early as possible in your learning journey.


これはreactjsの学習にも有効です.ちょっと仕事に入れてください、そして、あなたは時間とともによりよくなります.しかし、ちょうどトレーニング教材によって手順に従っていないし、インストラクターが何をしているかを再現.ビルド自分でゼロからアプリケーションを反応させる.あなたは、ずっとこのように学びます.あなたは何か簡単に起動し、そこからより複雑なアプリケーションを構築するために行く.
例えば、非常に最初の部分からBecome a React Developer コースをビルドするKanban-style app 自分で人気のトレイルアプリケーションに触発さ.

だから、練習、実践、練習!

結論


この記事の目的は、ReactJsから始めるためにあなたにキーを与えることでした.今、あなたは何を学ぶべきであり、最初からフォーカスについてのアイデアを持っている必要があります.
最も重要な点は以下の通りです.
  • JavaScriptと近代的なJSで本当に取得する
  • あなたが一度に学ぶにはあまりにも多くを失っていないので、唯一の反応に焦点を当てる
  • あなたの新しく得られた技術を実践するために、最初からものを構築してください

    • If you enjoyed the article, consider sharing it so more people can benefit from it! Also, feel free to follow on Twitter and join our Discord server.

    git rebaseの例
    JavaScript設計モデルと開発実践シリーズの単例モデル