前言 從 ES5 的 Callback 以及它遺留下來的問題 Callback Hell ,到 ES6 的 Promise 以及 Generator,這之中都有...
什麼是 React React 是 Facebook 開發的 Javascript Libary,React 官方是這樣介紹它:「 一個宣吿式、高效、靈活的、建...
前言 在寫 React 的時候,會發現一個元件通常是通過刷新資料狀態來改變它的UI,而 React 元件有兩種資料載體,分別是 state 跟 props S...
前言 在 Javascript 的時代寫頁面的時候,往往強調的是HTML DOM,CSS Style,JS Event要明確分開寫,但到了 React 的時代,...
React 中的事件 在 React 中事件的綁定是直接寫在 JSX 元件上的,並不需要透過 addEventListener 的方式進行監聽,那在寫法上:...
前言 我們前面介紹了 JSX 是如何渲染到頁面上的,那現在我們要來介紹元件的生命週期,在 React 中生命週期大概可以拆分成三個階段,包含:1.裝載過程(Mo...
前言 當我們介紹完 React Component 的生命週期後,我們知道 render 返回的結果往往來自於 props 跟 state ,但是頁面不能只是空...
前言 在開始前要先說明,如果你的UI元件沒有很多、很複雜,沒有很多資料交互的溝通,那可以明確的跟你說:你並不需要Redux,不要為了用而用,你可能會因為加入Re...
實作之前 react-redux 套件 react-redux 是 Redux 作者封裝的一個第三方模組,它對 Redux 進行簡化提供額外的 API (像是P...
實作之前 相信不少新手在一開始查 Router 的時候都會查到react-router 跟 react-router-dom這兩種,我們先來比較一下,然後我們今...