iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

從比入門再往前一點開始,一直到深入React.js 系列

近年在學習前端技能時,三大框架是尋找工作不可或缺的技能。也因為這樣,學習框架的動機就不再一定是為了「專案需求」,而是「跟著職缺走」。

本系列一開始將用原生Javascript實現「元件化」的過程,先帶領讀者理解為什麼需要框架。再進入近年流行的React hook世界。以故事化的方式,從發現問題的過程,學習目前業界開發React.js專案一定會用到的工具。

鐵人鍊成 | 共 30 篇文章 | 102 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day.01】為什麼需要框架 - 從全部塞在一起開始頭痛

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-16 ‧ 由 Andy Chang 分享
DAY 2

【Day.02】為什麼需要框架 - 用工廠模式,開始重新思考共用架構

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-17 ‧ 由 Andy Chang 分享
DAY 3

【Day.03】為什麼需要框架 - 打造元件共同功能

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-18 ‧ 由 Andy Chang 分享
DAY 4

【Day.04】為什麼需要框架 - 用觀察者模式,打造更好用的元件

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-19 ‧ 由 Andy Chang 分享
DAY 5

【Day.05】為什麼需要框架 - 分離架構、自製Menu、MenuItem

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-20 ‧ 由 Andy Chang 分享
DAY 6

【Day.06】為什麼需要框架 - 從元件的切割與設計,到框架的誕生

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-21 ‧ 由 Andy Chang 分享
DAY 7

【Day.07】React入門 - 簡介React、從class到Hook的發展歷史

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-22 ‧ 由 Andy Chang 分享
DAY 8

【Day.08】React入門 - 環境設定 - npm、Webpack、Babel

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-23 ‧ 由 Andy Chang 分享
DAY 9

【Day.09】React入門 - Hello world、React virtual DOM、webpack-dev-server

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-24 ‧ 由 Andy Chang 分享
DAY 10

【Day.10】React入門 - JSX語法

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

2020-09-25 ‧ 由 Andy Chang 分享