iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

你終究都要...學會 React ,何不一開始就看我一眼? 系列

前端框架族繁不及備載,我在現職公司使用的正是使用數目前位居前三之一的 React.js 。這系列的文章,會分享我如何從 JavaScript 新手,一路成長到成功串接外部 API 的快樂歷程。
我很享受每一次突破自己所知、完成專案需求的成就感,所以~如果你也是一個新手,歡迎你踩著我學習的歷程,讓開發更為迅速;相反地,如果你是經驗豐富的前輩,更期待你可以撥冗觀看我的文章,給予我珍貴的指教或鼓勵!

參賽天數 7 天 | 共 9 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01:鐵人賽開場

沒錯!如果有在這次鐵人賽中特別關注 React.js 的人,應該會(有機會)發現我一次報名了兩場自我挑戰!雖然最近身陷加班地獄,但是我還是會盡全力完賽的。 先說...

2022-09-16 ‧ 由 Annie 分享
DAY 2

Day02:直接來一個 component 了啦

因為我發現官網與網路上有非常多前輩都有介紹 React.js 的環境安裝與 create 新專案的方式,所以我將第一篇文章主題直接進到了元件開發,期許一系列的挑...

2022-09-17 ‧ 由 Annie 分享
DAY 3

Day03:state 值的使用方式

一、state 值到底是什麼? 記得我剛寫 React 時,我都還不太熟變數到底怎麼運用,新手們千萬不要害怕阿!寫久了就會了!如果一直沒學會的話可以看看我這篇文...

2022-09-18 ‧ 由 Annie 分享
DAY 4

Day04:前後端都必學的工具大禮包—lodash.js

一、n 個一定要學會 lodash.js 的理由 是的,看大標小標就知道我有多推薦大家使用這個套件!在本篇系列文第一天就有提到,主軸之一包含一些日常開發時超級常...

2022-09-19 ‧ 由 Annie 分享
DAY 5

Day05:React router 之路由設定

剛開始接觸 React.js 框架時,公司主管讓我看著現有專案拿出紙筆寫下自己對架構的理解,我印象最深刻的是一直摸不清楚到底是怎麼換頁的XD,後來才發現原來是有...

2022-09-20 ‧ 由 Annie 分享
DAY 6

Day06:在 React 裡面善用 history

一、history 是什麼? 大家都知道瀏覽器都支援 Window Object Properties 的語法,你可以使用 window.open("...

2022-09-21 ‧ 由 Annie 分享
DAY 7

Day07:React 的組成

寫過 HTML 的大家,一定都知道它的組成結構是下面這樣... <!DOCTYPE html> <html lang="en&quo...

2022-09-22 ‧ 由 Annie 分享
DAY 7

Day08:React 的組成-第二篇

看完上一篇後,是不是發現其實使用框架的第一步並沒有很難?在你成功建立起自己的專案架構後,你還可以再依個人習慣規劃資料與頁面組成的方式,畢竟開發專案還是講求效率、...

2022-09-24 ‧ 由 Annie 分享
DAY 7

Day09:React 裡的資料庫?

是的,昨天發文時因為壓底線,系統判定超過00:00,所以我按下發表文章後,沒有一如往常的在頁面上方看到綠色底色的恭喜字樣,反倒是立刻在右上角小鈴鐺處收到了一則通...

2022-09-24 ‧ 由 Annie 分享