iT邦幫忙

react相關文章
共有 560 則文章
鐵人賽 Modern Web DAY 20

技術 Day 20 - React 安裝與導入需要的package

Day 19 - React 什麼是React? 要怎麼用? 上一章簡單介紹了React跟如何建立專案 今天來把我們會用到的package都加進來吧 npm i...

鐵人賽 Software Development DAY 21

技術 [Day21] 精通React測試驅動開發 ─ TDD & Jest

嗨 大家好 我是一路爬坡的阿肥 阿肥竟然撐過第三個禮拜了! 真的太感動了嗚嗚 希望可以撐到最後! 前言 今天阿肥又要講跟設計模式沒什麼直接相關的主題啦(被揍)...

鐵人賽 Modern Web DAY 22

技術 [DAY22] 生命週期 1 生命之初生命起源生命之水

我想說的是 組件在 render 的一開始稱作 Mounting 看到標題有編號就代表,這些東西會講個幾篇 具體幾篇我也不確定,兩篇或三篇吧 在先前的範例中...

鐵人賽 Modern Web DAY 19

技術 [Day 19 - 即時天氣] 在 useEffect 中定義並使用 async 函式

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 19

技術 Day 19 - React 什麼是React? 要怎麼用?

上一章 Day 18 - MySQL 使用Annontation設定欄位 (2) React 並不是一個新的語言, 也不是新的Framework 而是一個由Fa...

鐵人賽 Software Development DAY 20

技術 [Day20] 我要輕鬆成為股海高手! ─ 外觀(Facade) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 昨天因為老毛病發作想說去看中醫 結果脖子後面被札了十幾針 還被喬到發出喀喀喀的聲音 有種比發作時還要可怕的感覺 複雜的 API...

鐵人賽 Modern Web DAY 21

技術 [DAY21] 禁斷關係之 ref 之非必要不用之遇到難關的時候你可以再想想

我想說的是 ref 一時爽,維護火葬場 setState 有 callBack 函數 有些時候會希望對 DOM 上面的值做操作,或是直接取得某個 input...

鐵人賽 Modern Web DAY 18

技術 [Day 18 - 即時天氣] 拉取並呈現來自多道 API 的資料

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 30

技術 【Last Day】完賽心得

沒想到就這樣成功完成鐵人挑戰了,這次是第一次參加,所以原先的目標就是能夠成功完賽,30天其實還滿難的,尤其在原本沒有庫存文章的情況下,每天都要花大概1小時以上的...

鐵人賽 Modern Web DAY 20

技術 [DAY20] 過來讓我看看之 PropTypes 驗證元件屬性之這是我們之間的秘密

在組件間傳值的時候,當組件間關係越來越複雜時 傳入參數值的正確性就變得很重要了,如果這個環節出錯 一般稱為業務邏輯錯誤,這代表你程式寫的語法是對的 但是錯的是你...

鐵人賽 Software Development DAY 19

技術 [Day19] 我要輕鬆成為股海高手! ─ 外觀(Facade) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 最近阿肥的暈眩症又發作啦 如果接下來的文章有出現胡言亂語的情況 還請多多包涵 情境描述 大肥是個資深的玩股票高手,使用過不少平...

鐵人賽 Modern Web DAY 23

技術 Day22 | 創建假 History ,騙過真 Router

前言 來到測試的最後一個章節了,本篇要說明的是如何對 React-Router 做測試,確認 Component 在不同的 Router 的 Render 狀況...

鐵人賽 Modern Web DAY 17

技術 17. [FE] 為什麼現在的前端都在用「框架」?

現在打開任何一間求職網站,搜尋前端相關職缺,幾乎每間公司的職缺都會在求職條件或加分項目中提到目前的三大框架:React、Vue、Angular;或著也可以到...

鐵人賽 Modern Web DAY 17

技術 [Day 17 - 即時天氣] 頁面載入時就去請求資料 - useEffect 的基本使用

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 22

技術 Day21 | 從測試角度操作 Redux-Saga 和 Reducer

前言 先複習一下上一個章節裡我們做了什麼,首先是將 Content 的按鈕行為拆成四個步驟: Component 按下按鈕,會執行 Dispatch,這裡會傳...

鐵人賽 Software Development DAY 18

技術 [Day18] Switch 的各種同捆包 統統裝起來 ─ 裝飾者(Decorator) <React 篇>

嗨 大家好 我是一路爬坡的阿肥 最近家裡大人把一些舊的遊戲轉賣 發現原來遊戲片可以這麼保值! 準備入手新的遊戲好期待呀 React 中的裝飾者 有讀過 Rea...

鐵人賽 Modern Web DAY 19

技術 [DAY19] 單向資料流之鮭魚逆流而上被石頭敲到不就_頭好痛

我想說的是 React 的寫法是 Functional Programming 單向資料流,只能 單向資料流 React 使用的是單向資料流 也就是說資料只...

鐵人賽 Modern Web DAY 29

技術 【Day 29】跟 react 似乎沒有直接關聯 - 發佈自己的 npm module

最近剛好研究了一些新東西,覺得很有趣與實用於是決定放上來與大家分享 有用過 npm 的人(JS 開發者必備工具吧)應該都了解他的強大吧,需要什麼套件幾乎都可以透...

鐵人賽 Modern Web DAY 16

技術 [Day 16 - 即時天氣] 定義並請求組件會使用到的資料 - useState 的更多使用

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 18

技術 [DAY18] Developer tools 與 Snippets 之老師我也想當金手指之 debug guy

我想說的是 一些實用工具可以幫助開發上更加快速,能少打字就少打字,把力氣省起來 Simple React Snippets 是一套 VSCode 上針對 re...

鐵人賽 Software Development DAY 17

技術 [Day17] Switch的各種同捆包 統統裝起來 ─ 裝飾者(Decorator) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天天氣好到 不像是颱風剛過一樣 希望下禮拜的雙十連假也能像今天這樣晴朗啊(懇求) 情境描述 老肥是販賣遊戲的經銷商。因為今年...

鐵人賽 Modern Web DAY 21

技術 Day20 | Component 被 Redux 罩著怎麼測試?

前言 就 Redux 而言,與上一篇的 Counter 不同的地方就是多了 Action 以及 Reducer,而它們也都只是純函數,測試並不會是難點,需要思考...

鐵人賽 Modern Web DAY 28

技術 【Day 28】React 的好搭檔 - Material UI && Recharts

鐵人賽進入尾聲了,基礎也都帶過了,最後就來介紹一些自己在寫 React 時常搭配的套件吧。 Material UI Material UI官網 這個函式庫針對...

鐵人賽 Modern Web DAY 15

技術 [Day 15 - 即時天氣] 就是這個畫面 - 使用 Emotion 為組件增添 CSS 樣式

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 27

技術 【Day 27】Redux middleware - redux-thunk

還記得之前介紹過 redux 的基本用法嗎? 因為覺得 React 基礎講的差不多了,今天決定回過頭來講講 redux middleware。 Redux-mi...

技術 1分鐘建置node project

簡介 使用node.js後,重新啟用一個Project後,環境往往需要重新建置,即使複製舊有專案,也需要花一些時間進行修改。因此小弟我整理了幾個比較常用的框架製...

鐵人賽 Modern Web DAY 17

技術 [DAY17] 組件傳值之我想搞點事

我想說的是 React有明確規定,子組件時不能操作父組件裡的資料,所以需要調用父組件的方法,來修改父組件的內容 有了 JSX 撰寫起來容易多了 上一篇中我們...

鐵人賽 Software Development DAY 16

技術 [Day16] 一次填好麵線跟拉麵的菜單可以嗎? ─ 組合(Composite) <React篇>

嗨 大家好 我是一路爬坡的阿肥 有句話說:「該還的還是得還」 颱風假的隔天就是償債日 工作進度持續繃緊中! React的組合模式 在前端開發中,我們會實作出許...

鐵人賽 Modern Web DAY 20

技術 Day19 | Component 的測試方式不私藏

前言 今天要進入如何對 Component 做測試,這裡筆者之前是使用 Enzyme ,可能也是主流的 React 的測試框架,但是學測試的時候 React 剛...

鐵人賽 Modern Web DAY 14

技術 [Day 14 - 即時天氣] 把 CSS 寫在 JavaScript 中!? - CSS in JS 的使用

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...