iT邦幫忙

react相關文章
共有 560 則文章
鐵人賽 Software Development DAY 9

技術 [Day9] 吃壹LAN就是要硬麵加半熟蛋 ─ 建設者(Builder) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 阿肥在想好今天的標題後... 突然超級嘴饞想吃一蘭 決定鐵人賽結束後去吃一波! 情境描述 肥肥是個標準的哈日族,每年一定會去日...

鐵人賽 Modern Web DAY 10

技術 [DAY 10] 地圖除了畫在床單上,程式裡要怎麼用 map 呢?

我想說的是 map() 方法會建立一個新的陣列,其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合。 上一篇講了箭頭函數,這一篇來講講 map...

鐵人賽 Modern Web DAY 8

技術 Day 8 - Spring Data JPA 寫入與讀取資料 (3)

上一章 Day 7 - Spring Data JPA 寫入與讀取資料 (2) 新增完Model, 我們需要新增各別的Repository, 才能執行新增, 修...

鐵人賽 Modern Web DAY 13

技術 Day12 | React 的快樂小夥伴 - Redux 資料管理篇

前言 Redux 是一個全域的資料管理工具,更簡單來說, 就是能替你管理整個網站需要的 State, 所有的資料都能放在 Redux,需要資料的 Compone...

鐵人賽 Modern Web DAY 7

達標好文 技術 [Day 07 - 計數器] 幫計數器設個最大最小值吧 - JSX 中條件渲染的使用

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

鐵人賽 Modern Web DAY 19

技術 【Day 19】可能不需要 redux - useReducer

今天要介紹另一個 hooks - useReducer。 光看第一行有些讀者可能就會有一些疑問了,udeReducer?看起來跟 redux 的 reducer...

鐵人賽 Modern Web DAY 12

技術 Day11 | 你有傳送門,我有 useContext!

前言 useContext 是能夠讓程式變得簡潔的利器,Component 不再需要經過一層一層的 Props 傳遞,便能直接使用在需要它的 Component...

鐵人賽 Software Development DAY 8

技術 [Day8] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 最近天氣的關係加上拼命寫文章 睡眠品質好到一直爬不起來(眼神死) 羨慕一天只需要睡3小時就精神飽滿的人 今日文章適合搭配範例專...

鐵人賽 Modern Web DAY 7

技術 Day 7 - Spring Data JPA 寫入與讀取資料 (2)

Day 6 - Spring Data JPA 寫入與讀取資料 上一章介紹了Spring Data JPA的使用方法 接下來讓我們把相關Model補完, 在Mo...

鐵人賽 Modern Web DAY 6

技術 [Day 06 - 計數器] 醒醒啊!為什麼一動也不動 - useState 的基本使用

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

鐵人賽 Modern Web DAY 6

技術 Day 6 - Spring Data JPA 寫入與讀取資料

上一章 Day 5 - Spring Boot 啟動與測試 什麼是JPA? 全名Java Persistence API, 通過註解或XML描述, 來指定對象與...

鐵人賽 Software Development DAY 7

技術 [Day7] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 如果看到這篇,表示阿肥撐過了第一個禮拜 也就是一個月的 1/4,168 個小時,10080 分,604800 秒! 接下來也要繼...

鐵人賽 Modern Web DAY 11

技術 Day10 | Props 太多, Component 就容易出錯, 就讓 Prop-Types 替你把關吧!

前言 不曉得大家還記不記得這個畫面: 對的,這是在 Day06 中埋下的伏筆,因為之後的 Hooks 就會開始運用 Props!所以趁現在來解決他吧! 前置...

鐵人賽 Modern Web DAY 18

技術 【Day 18】Redux 實戰演練(2)

昨天建立了 redux 的三元素 action、reducer 與 store,也將它們用 provider 包住會用到 state 的元件,今天來試著在元件中...

鐵人賽 Modern Web DAY 8

技術 [DAY08] 在按摩服務列表上為所欲為的增加服務

我想說的是 把靜態的按摩服務列表改為動態的,並且可以由使用者自由新增服務 建立一個可以自己新增的按摩服務列表 預期結果如下 先直接看完整程式碼,再來一段一...

鐵人賽 Modern Web DAY 5

技術 [Day 05 - 計數器] 將計數器頁面改成用 JSX 來寫

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

鐵人賽 Modern Web DAY 5

技術 Day 5 - Spring Boot 啟動與測試

上一章 Day 4 - Spring Boot 快速建立專案 今天教大家如何Run我們的專案 首先建立後會自動生成DemoApplication.java im...

鐵人賽 Modern Web DAY 7

技術 [DAY07] 介紹 State Hook

我想說的是 介紹 useState hook,並且做一個計數器 上一篇建立了一個靜態的純按摩店服務列表 因為老闆今天找到一個身懷絕技的按摩師,他想在服務清單...

鐵人賽 Modern Web DAY 17

技術 【Day 17】Redux 實戰演練

今天將直接實作 redux,如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔~ 今天嘗試將 dark theme 與 light theme...

鐵人賽 Software Development DAY 6

技術 [Day6] 老闆:來一碗大腸麵線 ─ 工廠方法(Factory Method) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 最近天氣開始有點涼爽,騎車去上班瀏海也不分岔了~ 上班族小確幸++ 今日文章適合搭配範例專案的packages/day06-...

鐵人賽 Modern Web DAY 10

技術 Day09 | 掌管 Lifecycle 和一切作用的 useEffect

前言 Lifecycle 被稱為生命週期,在 Component 中,我們可以大致把生命週期分成三個: Component Render 完畢。 Compon...

鐵人賽 Software Development DAY 6

技術 [課前規劃]越過山丘,真的無人等候

語言選定後,就是要開始找相關資源study了。 不只是語言社群、論壇的支援,課程助教、工作人員、場地、公司贊助、免費廣告投放等,也都是要去詢問的。 剛開始可能只...

鐵人賽 Modern Web DAY 9

技術 Day08 | Function Component 的 State 在哪裡

前言 本篇主要會說明,在 Hooks 讓 Function Component 具備 State 後,該如何使用及設置。 前置準備 文中的專案會以 Day0...

鐵人賽 Modern Web DAY 16

技術 【Day 16】state management - redux 基礎概念

今天開始會進入 React 中比較進階的主題 - state management 在前幾天中我們介紹了 state,也介紹了 props,我們了解一個 com...

鐵人賽 Modern Web DAY 4

技術 [Day 04 - 計數器] 把 HTML 寫在 JavaScript 中!? - JSX 的使用

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

鐵人賽 Modern Web DAY 4

技術 Day 4 - Spring Boot 快速建立專案

上一章 Day 3 - Visual Studio Code 開發環境建置 Visual Studio Code 使用內建Command, 將建立專案方式簡單化...

鐵人賽 Modern Web DAY 6

技術 [DAY06] 終極蛇皮上班太認真之其實是半夜趴著滑手機之肩頸痠痛之做個按摩服務吧

我想說的是 使用 JSX 建立一個跟 todoList 87分像的東西 在思考用什麼做主題的過程中,覺得 todolist 跟 hello world 一樣...

鐵人賽 Software Development DAY 5

技術 [Day5] 老闆:來一碗大腸麵線 ─ 工廠方法(Factory Method) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 突然想到雙十連假要去澎湖渡假 敲開心~(灑花) 啊 等一下!(是真的突然想到) 那不就表示就連在澎湖也要記得發文嗎 ? 情境描...

鐵人賽 Modern Web DAY 3

達標好文 技術 [Day 03 - 計數器] 用原生 JavaScript 做一個簡單的計數器

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

鐵人賽 Modern Web DAY 3

技術 Day 3 - Visual Studio Code 開發環境建置

上一章 Day 2 - Spring Boot 介紹, 開發工具與架構 Visual Studio Code 全新的開源IDE, 號稱一個IDE, 寫遍全語言...