説明Redux構文

Question

私はreduxを初めて使用していて、その構文と混同します。 Pythonのような

1. ん;は、() => {}何ですか

2. ： -

   はTutorialで02_about-state-and-meet-redux、私は驚いている

   import { createStore } from 'redux' 
   
   var store = createStore(() => {}) 
   

   を参照してください？

3. インポートはどのようなルールですか？

4. Reduxはどの構文を使用していますか？

Frontend javascriptは、このような構文を持っていない、と私はまた、Node.jsのチェック：The Node Beginner Bookあまりにも異なっています。

検索するとredux grammarの検索結果はありません。

Answer 1

これはjavascriptですが、最新の仕様（ES6またはES2015として知られています）によって導入された多くの画期的な機能を使用しています。現代のブラウザでさえもstill not fully supportedなので、babelのようなトランスペラレータを使用してコードを送ってください。

詳しくは、ES6 hereとhereについて読むことができます。

Answer 2

これらはES6構文と簡単な構文を以下に相当します：

import { createStore } from 'redux'; 

function actionCreator(){ 
...... 
} 

var store = createStore(action_creator); 

ここでは、Reduxの機能createStoreからのみcreateStore機能をインポートパラメータとしてactionCreatorを取り、storeを作成します。

Answer 3

いいえ。 、pythonのように

JavaScriptではセミコロンは不要です。個人的に、私はいつもそれらを使います。セミコロンの否定的な点や否定的な点について議論する良い記事があります。

（）=> {}とは何ですか？

他の人の言葉通り、これはES6（ES2015とも呼ばれます）構文であり、関数を定義します。時に矢印機能と呼ばれ、hereについて詳しく読むことができます。

So（a）=> {return a * 2; }はfunction（a）と等価です{return a * 2; }

インポートはどのようなルールですか？

インポートはと同様です。が必要です。あなたはそれについてhereと輸出についてhereを読むことができます。これらはes6/es2015モジュール構文の一部です。

es6/es2015は、まだブラウザから直接サポートされていません。しかし、BabelJSやTraceurのようなトランスパイライザーを使用すると、今日使用することができます。私はあなたがそれを使ってある程度の時間を投資することを強くお勧めします。例をよりよく理解するために私はよく役立っています。私はそれがより洗練された構文であると感じますが、それはそれを学ぶより主観的な理由です。

Answer 4

reduxからのcreateStore関数は、combineReducersによって返されたリデューサを受け取り、Providersで定義されたコンポーネントにアクセス可能な状態を返します。

サンプルコードは次のようになります..ここ

import allReducers from './YOUR_REDUCER_DIRECTORY' 
var store = createStore(allReducers); 

<Provider store = store> 
<YOUR_COMPONENT i.e. HEADER/> 
</Provider> 

状態があなたのコンポーネントにアクセスできるようになります。レデューサーで初期状態を定義することができます。ここでは、構文を簡素化

Answer 5

あなたが行く：上記

const createStore = require('redux').createStore; 
var store = createStore(function() {}) // This takes your reducer and the middlewares