React快速學習自我挑戰 Day6
當知道 action creactor 將要呼叫(但不知道什麼時候),當被呼叫的時候,我想要確定 flow 的結果能夠經過 dispatch function,然後這個 dispatch function 會像是漏斗般的接收這些 actions,最後再把 actions 分別送回不同的 reducers。 action 通常有兩種值:type 和 payload。 不管 action 有沒有
當知道 action creactor 將要呼叫(但不知道什麼時候),當被呼叫的時候,我想要確定 flow 的結果能夠經過 dispatch function,然後這個 dispatch function 會像是漏斗般的接收這些 actions,最後再把 actions 分別送回不同的 reducers。 action 通常有兩種值:type 和 payload。 不管 action 有沒有
Reducer 是一個 function 用來 return piece of the application state。 Reducer 產出 state 的值。 在檔名的命名中,應該在前面加前綴,例如:reducer_books.js。(不是一定要,作者提供的方法) Container 是 react component,對 Redux 所管理的 state 有直接的連結。 有一個 L
Redux 參考資料。 學習完 Redux 之後,還要學 webpack、Redux Router、Redux Promise、Redux Thunk、Hot Reloading。 Redux 是一個針對 JS application 的可預測 state container。 Redux 處理 data 的部分,React 處理 View 的部分。 React 和其他框架不同的地方就是將所
在 React 中,只有最上層的元件需要從 API 或 flux 取得資料。 用 className 來當作平常在 html 看到的 class,以跟 class based function 做區別。 function()可以簡化為() =>。 React 處理 List 的時候,不要使用 for 迴圈,用 map 來取代。 React 會辨識變數是否為 List 或是 Array
從 node modules 呼叫 react:import React from 'react';。 從 node modules 呼叫 react-dom:import ReactDOM from 'react-dom';。 React Render 要用元件方式包裝:<App />。 指定 Render 的地方:document.querySelector('.contai
Reactjs 和 Redux 有 Library 可以使用。 瀏覽器尚未支援 ES6。 完成的檔案用 webpack + babel 來 transpile 變成網頁。 index.html application.js style.css 起手專案(boilerplate):React + Youtube API 直接在 Command line 開 atom: atom .