エントリに反応 - todolistの

React.js

2019年10月31日

学習内容：

---

 

I.はじめに：

　　ほとんどを使っている人の数、Facebookが立ち上げました。

　　ファイバーを反応させる：React16後のバージョン

 

第二に、構築するための開発環境：

　　（1）インストールのNode.js環境：LTSバージョンはより安定している（推奨）パッケージ管理ツールNPMが付属しています

　　（2）https://reactjs.org公式サイト、作成は、ドキュメント内のアプリケーションに反応見つけるにアプリケーションを反応させるの新規作成足場ツールオリジナルの反応エンジニアリングを作成します

 

ポート：HTTP：// localhostを：3000 /

　　各変更後にのみ、ページを更新保存する必要があり、サービスを再起動する必要はありません 

 

 第三に、プロジェクトディレクトリの分析：

 

（1）エンジニアリングの入り口があるindex.js

（2）serviceWorker.jsは現在、アクセス権を持っていない、無視します

エフェクト（3）index.cssは、ページ罫線を削除することです

（4）App.test.jsは冗談自動テストツールであります

（5）内のHTMLコードをレンダリングApp.js、ブラウザ表示ページです

 

四つの成分：

　　HTMLの各タグは、ページ上のコンポーネントです。

ReactDOM：図書館の役割は、私たちは、ページ上にDOMを部品をマウントできるようにすることですので、見つけることができApp.jsは、コンポーネントの定義に反応します

　　index.jsのように：アプリケーションは、ルートDOMに取り付けられました：

 

　　ルート内のpublic staticのindex.htmlファイルが空のdivです

 

 

五、JSX単純な構文：

 

　　JS JSXは、直接発現のdiv書き込みブロックを可能にするが、文を作成しないJS例えば{{場合（TRUE）{戻り123}}}

 

第六に、todolistの機能を記述します。

　　目標：http://todolist.cn/

　　個人的な文書のtodolistの（一時的にアウトPO）を参照してください。