反応で話しましょう!

2756 ワード

うーん!反応する
反応は、ユーザーインターフェイスを構築するためのJavaScriptライブラリです.それはライブラリやフレームワークについてけんかしないでください.
それは正確に“フレームワーク”ではありません.フレームワークは、完全なソリューションですが、反応は完全な解決策ではなく、あなたはしばしば任意のソリューションを形成するために反応してより多くのライブラリを使用する必要があります.
両方のフレームワークとライブラリは、誰もが共通の問題を解決するために使用される他の誰かによって書かれたコードです.
反応も私たちの生活を簡単に1つのページのアプリケーションを書くことです.
反応は、実際のDOMを和解するのに使用できる仮想DOMのスマートな考えを導入しました.
それは実際のDOMを和解するのに使用できる仮想DOMのスマートな考えを導入しました.
反応は段階的な採用のためのスタートから設計されており、必要に応じて少しまたは多くの反応として使用することができます.かどうかを反応の味を取得するには、単純なHTMLページにいくつかの相互作用を追加したり、複雑な反応のアプリを起動すると、このセクションのリンクを開始するのに役立ちます.
あなたはoverview of reactをチェックすることができます
初期設定
アプリケーションを作成する反応を反応させるための快適な環境であり、反応で新しいシングルページアプリケーションを構築を開始するための最良の方法です.
反応の初期化はとても簡単ですが、あなたのマシンではノード>= 10.16とNPM >= 5.6を持つ必要があります.プロジェクトを作成するには、次の手順に従います.
npx create-react-app my-app
cd my-app
npm start
あなたが反応で遊んで興味があるならば、あなたはオンラインコード遊び場を使うことができます.Codepen、CodesandBox、またはStackblitz上でHello Worldテンプレートをお試しください.
ここでは、私が考慮に必要な前提条件です.
HTMLとCSSの基礎知識.
JavaScriptとプログラミングに精通しています.
DOMの基本的理解
ES 6の構文と機能の基本的な知識.
ノード.JSとNPMはグローバルにインストールされます.
それはあなたが反応して多くのパスを行かなければならない
私はあなたの反応コードの簡単な例を与えている
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

reportWebVitals();

コンポーネント
import React from 'react'

const App = () => {

    return (
      <div>
        <h1>Hello, React!</h1>
      </div>
    )
}


export default App;
あなたはdocumentationを得ることができます
スタック?
質問、Existing question
あなたはコミュニティが欲しいですか?
ベストプラクティスとアプリケーションアーキテクチャについての議論のための多くのオンラインフォーラムだけでなく、反応の将来があります.
応答可能なコードレベルの質問がある場合、スタックオーバーフローは通常、より良いフィットです.
各コミュニティは何千もの反応ユーザーから成ります.
Hashnode’s React community
Reactiflux online chat
Reddit’s React community
Spectrum’s React community