iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 290 瀏覽

鐵人賽 Software Development DAY 9

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 9 篇

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

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

YURI ‧ 2019-09-24

1 Like 0 留言 318 瀏覽

鐵人賽 Modern Web DAY 10

被 React react 的後端工程師系列第 10 篇

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

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

Lemon ‧ 2019-09-24

1 Like 0 留言 2630 瀏覽

鐵人賽 Modern Web DAY 8

Spring Boot and React - 前後端 30 天分手日記系列第 8 篇

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

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

Aiden ‧ 2019-09-24

3 Like 0 留言 1165 瀏覽

鐵人賽 Modern Web DAY 13

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 13 篇

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

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

神Q超人 ‧ 2019-09-24 ‧團隊IT成長團

7 Like 0 留言 2908 瀏覽

鐵人賽 Modern Web DAY 7

從 Hooks 開始，讓你的網頁 React 起來系列第 7 篇

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

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

pjchender ‧ 2019-09-23 ‧團隊Wow Doge!

0 Like 0 留言 2088 瀏覽

鐵人賽 Modern Web DAY 19

React.js 從【0】到【1】推坑計畫系列第 19 篇

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

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

莫力全 Kyle Mo ‧ 2019-09-23

4 Like 1 留言 1161 瀏覽

鐵人賽 Modern Web DAY 12

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 12 篇

技術 Day11 | 你有傳送門，我有 useContext！

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

神Q超人 ‧ 2019-09-23 ‧團隊IT成長團

0 Like 0 留言 323 瀏覽

鐵人賽 Software Development DAY 8

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 8 篇

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

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

YURI ‧ 2019-09-23

0 Like 3 留言 2360 瀏覽

鐵人賽 Modern Web DAY 7

Spring Boot and React - 前後端 30 天分手日記系列第 7 篇

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

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

Aiden ‧ 2019-09-23

7 Like 0 留言 4213 瀏覽

鐵人賽 Modern Web DAY 6

從 Hooks 開始，讓你的網頁 React 起來系列第 6 篇

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

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

pjchender ‧ 2019-09-22 ‧團隊Wow Doge!

0 Like 0 留言 2844 瀏覽

鐵人賽 Modern Web DAY 6

Spring Boot and React - 前後端 30 天分手日記系列第 6 篇

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

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

Aiden ‧ 2019-09-22

1 Like 0 留言 332 瀏覽

鐵人賽 Software Development DAY 7

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 7 篇

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

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

YURI ‧ 2019-09-22

5 Like 0 留言 3946 瀏覽

鐵人賽 Modern Web DAY 11

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 11 篇

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

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

神Q超人 ‧ 2019-09-22 ‧團隊IT成長團

0 Like 0 留言 2586 瀏覽

鐵人賽 Modern Web DAY 18

React.js 從【0】到【1】推坑計畫系列第 18 篇

技術【Day 18】Redux 實戰演練（2）

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

莫力全 Kyle Mo ‧ 2019-09-22

0 Like 0 留言 334 瀏覽

鐵人賽 Modern Web DAY 8

被 React react 的後端工程師系列第 8 篇

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

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

Lemon ‧ 2019-09-22

7 Like 1 留言 3868 瀏覽

鐵人賽 Modern Web DAY 5

從 Hooks 開始，讓你的網頁 React 起來系列第 5 篇

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

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

pjchender ‧ 2019-09-21 ‧團隊Wow Doge!

0 Like 0 留言 3686 瀏覽

鐵人賽 Modern Web DAY 5

Spring Boot and React - 前後端 30 天分手日記系列第 5 篇

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

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

Aiden ‧ 2019-09-21

1 Like 0 留言 444 瀏覽

鐵人賽 Modern Web DAY 7

被 React react 的後端工程師系列第 7 篇

技術 [DAY07] 介紹 State Hook

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

Lemon ‧ 2019-09-21

2 Like 1 留言 1468 瀏覽

鐵人賽 Modern Web DAY 17

React.js 從【0】到【1】推坑計畫系列第 17 篇

技術【Day 17】Redux 實戰演練

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

莫力全 Kyle Mo ‧ 2019-09-21

0 Like 0 留言 435 瀏覽

鐵人賽 Software Development DAY 6

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 6 篇

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

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

YURI ‧ 2019-09-21

3 Like 1 留言 1173 瀏覽

鐵人賽 Modern Web DAY 10

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 10 篇

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

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

神Q超人 ‧ 2019-09-21 ‧團隊IT成長團

1 Like 0 留言 754 瀏覽

鐵人賽 Software Development DAY 6

30天全端手把手學徒計畫-前後端整合之旅系列第 6 篇

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

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

Ivan ‧ 2019-09-21 ‧團隊膠原錠與葉黃素

5 Like 0 留言 1031 瀏覽

鐵人賽 Modern Web DAY 9

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 9 篇

技術 Day08 | Function Component 的 State 在哪裡

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

神Q超人 ‧ 2019-09-20 ‧團隊IT成長團

1 Like 0 留言 1195 瀏覽

鐵人賽 Modern Web DAY 16

React.js 從【0】到【1】推坑計畫系列第 16 篇

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

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

莫力全 Kyle Mo ‧ 2019-09-20

5 Like 0 留言 6705 瀏覽

鐵人賽 Modern Web DAY 4

從 Hooks 開始，讓你的網頁 React 起來系列第 4 篇

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

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

pjchender ‧ 2019-09-20 ‧團隊Wow Doge!

0 Like 0 留言 3901 瀏覽

鐵人賽 Modern Web DAY 4

Spring Boot and React - 前後端 30 天分手日記系列第 4 篇

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

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

Aiden ‧ 2019-09-20

0 Like 0 留言 368 瀏覽

鐵人賽 Modern Web DAY 6

被 React react 的後端工程師系列第 6 篇

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

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

Lemon ‧ 2019-09-20

0 Like 0 留言 452 瀏覽

鐵人賽 Software Development DAY 5

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 5 篇

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

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

YURI ‧ 2019-09-20

7 Like 0 留言 12553 瀏覽

鐵人賽 Modern Web DAY 3

從 Hooks 開始，讓你的網頁 React 起來系列第 3 篇

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

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

pjchender ‧ 2019-09-19 ‧團隊Wow Doge!

1 Like 0 留言 3437 瀏覽

鐵人賽 Modern Web DAY 3

Spring Boot and React - 前後端 30 天分手日記系列第 3 篇

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

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

Aiden ‧ 2019-09-19

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

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

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

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

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

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

技術 Day11 | 你有傳送門，我有 useContext！

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

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

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

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

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

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

技術 【Day 18】Redux 實戰演練（2）

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

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

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

技術 [DAY07] 介紹 State Hook

技術 【Day 17】Redux 實戰演練

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

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

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

技術 Day08 | Function Component 的 State 在哪裡

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

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

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

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

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

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

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

At

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

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

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

技術【Day 18】Redux 實戰演練（2）

技術【Day 17】Redux 實戰演練

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

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