HiSKIO For Business

單元 1 - React 背景介紹 (完全可以跳過)

單元 2 - React 特色與思維 (同樣可以跳過)

單元 3 - 隨課附贈: 三大現代 JS 框架比較

單元 4 - 隨課附贈: 虛擬元件樹 Virtual DOM

單元 1 - 取代 var 的 let 與 const

單元 2 - 不只更簡短: 箭頭函式 arrow functions

單元 3 - 擺脫義大利麵條: import 與 export

單元 4 - 窺探物件導向: class

單元 5 - Nodejs 與 npm 與 webpack

單元 6 - 懶人包在這: Create React App

單元 7 - 隨課附贈: ES6 其他好用的特色

單元 8 - 隨課附贈: yarn

單元 9 - ES6 動動手

單元 10 - 物件的創建與取值

單元 1 - 學 React 之前先寫 React

單元 2 - JSX 語法: 用 JS 寫 HTML

單元 3 - 組件超入門

單元 4 - render: 把組件畫上頁面

單元 1 - 組件裡有什麼

單元 2 - 事件處理與狀態更新

單元 3 - 組件的自訂函式

單元 4 - props: 上面傳下來的屬性

單元 5 - 應用練習: 「計數器」

單元 6 - 隨課附贈: 給已經學過 Vue 的你

單元 1 - props 進階三招

單元 2 - state 進階三招

單元 3 - ref 屬性: 讓你找到 DOM (也是三招)

單元 4 - 組件的父子溝通

單元 5 - 樣式控制: className 與 style

單元 6 - 組件有三種 三種各不同

單元 7 - 應用練習: 「資訊卡」

單元 8 - 隨課附贈: React 的 CSS 方案

單元 9 - 進階應用: 高階組件 HOC

單元 1 - 把陣列 ren 成元素

單元 2 - 把物件 ren 成元素

單元 3 - key 屬性 (我面試必考)

單元 4 - 應用練習: 「檔案樹」

單元 5 - 隨課附贈: 陣列的內建方法 (reduce, filter, ...)

單元 6 - 陣列方法練習

單元 1 - 文字處理

單元 2 - 數字處理

單元 3 - 下拉選單

單元 4 - 單選與多選

單元 5 - 檔案上傳與圖片預覽

單元 6 - 應用練習: 「薪水計算器」

單元 7 - 應用練習: 「一個人的聊天室」

單元 1 - 什麼是生命週期

單元 2 - constructor: 建構函式

單元 3 - render: 渲染函式

單元 4 - componentDidMount: 初見

單元 5 - componentDidUpdate: 又見

單元 6 - componentWillUnmount: 再見

單元 7 - 應用練習: 「無限捲動的課程列表」

單元 8 - 隨課附贈: JS 中的「非同步」

單元 1 - getDerivedStateFromProps

單元 2 - shouldComponentUpdate

單元 3 - getSnapshotBeforeUpdate

單元 1 - 生命週期變更

單元 2 - 更靈活的 render

單元 3 - 打破傳統的 Fragment

單元 4 - 錯誤處理

單元 5 - 傳送門 Portal

單元 6 - Context API! 你或許不需要 Redux

單元 1 - 列表過濾

單元 2 - 井字遊戲

單元 3 - 用 context api 實作跳窗

單元 4 - 用 hooks 實作 TodoList

單元 5 - Cookie Clicker 遊戲

單元 1 - 簡介

單元 2 - 狀態管理: useState

單元 3 - 附加作用: useEffect

單元 4 - 應用 Context: useContext

單元 5 - 存取組件變數: useRef

單元 6 - 其他 hooks