iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

玩轉 React 從0到1 系列

會從 ES6 到 React 觀念簡介與實作,最後開個小外掛 Deno XDD

參賽天數 3 天 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 3

【Day 11】穿越 ES6 邁向 ES7 的 async/await

前言 從 ES5 的 Callback 以及它遺留下來的問題 Callback Hell ,到 ES6 的 Promise 以及 Generator,這之中都有...

2020-09-29 ‧ 由 rainbow9502 分享
DAY 3

【Day 12】React 基礎安裝

什麼是 React React 是 Facebook 開發的 Javascript Libary,React 官方是這樣介紹它:「 一個宣吿式、高效、靈活的、建...

2020-09-30 ‧ 由 rainbow9502 分享
DAY 3

【Day 13】關於 React 的 state, props 與 super

前言 在寫 React 的時候,會發現一個元件通常是通過刷新資料狀態來改變它的UI,而 React 元件有兩種資料載體,分別是 state 跟 props S...

2020-10-03 ‧ 由 rainbow9502 分享
DAY 3

【Day 14】React 關於 JSX

前言 在 Javascript 的時代寫頁面的時候,往往強調的是HTML DOM,CSS Style,JS Event要明確分開寫,但到了 React 的時代,...

2020-10-03 ‧ 由 rainbow9502 分享
DAY 3

【Day 15】React 關於事件處理

React 中的事件 在 React 中事件的綁定是直接寫在 JSX 元件上的,並不需要透過 addEventListener 的方式進行監聽,那在寫法上:...

2020-10-04 ‧ 由 rainbow9502 分享
DAY 3

【Day 16】React 元件的生命週期

前言 我們前面介紹了 JSX 是如何渲染到頁面上的,那現在我們要來介紹元件的生命週期,在 React 中生命週期大概可以拆分成三個階段,包含:1.裝載過程(Mo...

2020-10-05 ‧ 由 rainbow9502 分享
DAY 3

【Day 17】React 中發送 Ajax 請求以及 Mock數據

前言 當我們介紹完 React Component 的生命週期後,我們知道 render 返回的結果往往來自於 props 跟 state ,但是頁面不能只是空...

2020-10-06 ‧ 由 rainbow9502 分享
DAY 3

【Day 18】React 關於 Redux

前言 在開始前要先說明,如果你的UI元件沒有很多、很複雜,沒有很多資料交互的溝通,那可以明確的跟你說:你並不需要Redux,不要為了用而用,你可能會因為加入Re...

2020-10-08 ‧ 由 rainbow9502 分享
DAY 3

【Day 19】React 結合 Redux:react-redux 實作

實作之前 react-redux 套件 react-redux 是 Redux 作者封裝的一個第三方模組,它對 Redux 進行簡化提供額外的 API (像是P...

2020-10-09 ‧ 由 rainbow9502 分享
DAY 3

【Day 20】React 結合 Redux 與 React-Router

實作之前 相信不少新手在一開始查 Router 的時候都會查到react-router 跟 react-router-dom這兩種,我們先來比較一下,然後我們今...

2020-10-11 ‧ 由 rainbow9502 分享