著者| Jeskson
ソース|ダダフロントエンドビストロ
React.jsプロフィール:
JS書き込みウェブ効果を反応させ、ReactNativeは、ネイティブアプリのアプリケーションを記述します。
そこに音のドキュメントであり、コミュニティを向上させる、React.jsは、Facebookの2013収入に発売されている関数型プログラミング、より多くの使用があります。
ビルドに開発環境:
使用が反応するように.jsファイルの紹介
エンコードにツールを足場
インストールの依存関係:
import React from 'react';
import ReactDOM from 'react-dom'
import App from './App';
ReactDOM.render(<App />,document.getElementById('root'));
図1は、構築するためのインフラプロジェクト反応させ
2、JSX文法
コンポーネントベースの開発を反応させ、3
4、コンポーネント間通信反応させ
、5イベント反応させ
6、コード最適化反応させ
7は、スタイル変更中の成分が反応
npx create-react-app my-app
cd my-app
npm start
npx create-react-app todolist
インタラクティブなUIの風を作成可能に反応します。アプリケーションの各状態のためのビューのシンプルなデザインは、効果的に更新したとき、コンポーネントデータの変更を正しくレンダリング反応します。
宣言型のUIを作成するには、あなたのコードがより信頼性、およびデバッグを簡単に行うことができます。
作成コンポーネントは、これらのより複雑なUIコンポーネントから再構築し、自分の状態を、持っています。
あなたは簡単にアプリケーションにデータを転送できるように、コンポーネントのロジックは、代わりにステンシルJavaScriptで書かれており、このような状態は、DOMから分離します。
あなたの現在の技術スタックが使用されて何に関係なく、既存のコードを書き換える必要がなく、いつでも新しい機能を開発するように反応する導入することができます。
簡単なアセンブリ
方法は、()のレンダリングと呼ばれるコンポーネントの使用を反応させ、コンテンツが提示されるデータ入力とリターンを受け取ります。このようなXMLの例において同様の文言は、JSXを呼ばれています。着信データは、アセンブリにthis.propsレンダリング()によってアクセスすることができます。
開発に反応
https://www.jianshu.com/p/c7506ca83b34
❤️DOは学習あなたの足跡を残すことを忘れないで[コメント+ +のように収集ポイント]
情報を著者:
[著者]:Jeskson
[オリジナル]公開番号:ダダフロントエンドビストロ。
[福祉]:自己学習教材をまくるに送信されませ公共返信「情報」(シェアへのグループには何がハを言いたい、私は見ませんでした)!
[予約]説明:ソースを明記してください、ありがとう再現!〜
大規模なテクノロジ・スタックのブログを配置するフロントエンド開発、フロントエンドの開発、PHPの背景知識、ウェブフルスタック技術分野、データ構造とアルゴリズム、およびそう簡単にネットワーク理論を理解するためには、ジュニアパートナーに提示されます。、あなたがサポートして愛の礼儀をありがとうございました!!!
ローカルコンテンツのこの数はビットを取得しない場合(例:著作権やその他の問題に)、タイムリーにすることができ整流のための私達に連絡し、最初の時間に処理されますしてください。
親指アップしてください!あなたが同意しているので/励ましは、私の文章の最大の力です!
ようこそ注意ダダさんCSDN!
これは、品質、態度のブログです