iT邦幫忙

鐵人檔案

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

菜雞們,讓我們一起征服JS及React吧 系列

前端領域是一個可以用程式碼恣意揮灑色彩的地方,擁有設計魂及程式開發的人更是不能錯過。

不過,前端領域深不可測,一個不小心就會掉進坑裡,如何幫助菜雞們正式踏上偉大的航道,
燃起了我決心參加人生的鐵人賽。

前端的生態系相當多元,我選擇火熱的React當作前端的框架,搭配Hook的使用,讓你在操控UI上更無往不利。
鐵人賽我共分三個階段,包含:
1. Javascript的運用
2. React 功能的介紹
3. 三場實戰,並藉由實戰同時學習一些有趣的套件

經歷30天的鐵人賽洗禮,相信你我將能更有自信的踏上設計之路。

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

React菜雞-Day11:學會JS獨特的用法,讓你的React更優雅-第四篇 拷貝還有分深淺

tags: 鐵人賽 React javascript nodejs vscode 鐵人賽第11天,我們延續物件Object主題,來聊聊拷貝這檔事! 什麼!?...

2020-09-14 ‧ 由 小偉哥 分享
DAY 12

React菜雞-Day12:React Hook第二招 ~ Context 開啟資源共享的時代

tags: 鐵人賽 React javascript nodejs vscode 鐵人賽第十二天,今天突然來了爆量的工作,一直忙到下班前,才有空檔;多虧通勤時...

2020-09-15 ‧ 由 小偉哥 分享
DAY 13

React菜雞-Day13:React Hook第3招 ~ useReducer讓你有降龍十八掌般的招式

tags: 鐵人賽 React javascript nodejs vscode 鐵人賽第十三天,今天依舊工作滿檔,issue滿滿,但就像九把刀說的~「時間就...

2020-09-16 ‧ 由 小偉哥 分享
DAY 14

React菜雞-Day14:React Hook第4招 ~ useContext + useReducer 合體

tags: 鐵人賽 React javascript nodejs vscode 鐵人賽第14天,今天依舊工作滿檔,但該完成的任務還是要繼續,咱們立馬上工。...

2020-09-17 ‧ 由 小偉哥 分享
DAY 15

React菜雞-Day15:開發React程式的debug小幫手,讓你可以多睡幾小時的好工具

tags: 鐵人賽 React javascript nodejs vscode 鐵人賽第15天,今天要聊聊vscode開發的好工具,讓各位開發的時間縮短,省下...

2020-09-18 ‧ 由 小偉哥 分享
DAY 16

React菜雞-Day16:實戰!寫個To Do List - part1 - 先把架構弄出來

tags: 鐵人賽 React javascript nodejs 鐵人賽第16天,學了這麼多知識,是時候來個實戰讓自己融會貫通一下。 今晚~我想來寫個To D...

2020-09-19 ‧ 由 小偉哥 分享
DAY 17

React菜雞-Day17:實戰!寫個To Do List - part2 - 讓app有血有肉有靈魂

tags: 鐵人賽 React javascript nodejs 鐵人賽第17天,週末假日,難得可以賴個床到八點半,但心裡掛念的還是今天的文章,不囉唆,立刻上...

2020-09-20 ‧ 由 小偉哥 分享
DAY 18

React菜雞-Day18:實戰!寫個To Do List - part3 優化使用者體驗

tags: 鐵人賽 React javascript nodejs 鐵人賽第18天,今天我們要來優化我們的ToDoApp,讓它更好用,提升它的好用度。 還可以優...

2020-09-21 ‧ 由 小偉哥 分享
DAY 19

React菜雞-Day19:React第四招 - useEffect 讓你掌握Component的生命週期

tags: 鐵人賽 React javascript nodejs 鐵人賽第19天,我們來好好了解一下useEffect,同時,我們也會學習React的生命週...

2020-09-22 ‧ 由 小偉哥 分享
DAY 20

React菜雞-Day20:學會JS獨特的用法,讓你的React更優雅~箭頭函示

tags: 鐵人賽 React javascript nodejs 鐵人賽第20天,又到了新的里程碑。因為在React使用率相當高,一定要把這個章節好好跟各位...

2020-09-23 ‧ 由 小偉哥 分享