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

4 Like 0 留言 33577 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 [Day 09 - 網速換算器] 網速傻傻分不清楚 Mbps? Mb/s? 來寫個單位換算器吧

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

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

1 Like 0 留言 31849 瀏覽

技術 redux-saga 學習筆記 (1)

為什麼要學習 redux-saga 主要用於管理 redux 中，非同步的 action 其他可選套件 redux-loop redux-thunk r...

arthur104 ‧ 2017-02-11

1 Like 2 留言 31052 瀏覽

鐵人賽 Modern Web DAY 2

React - DOM界的彼方系列第 2 篇

達標好文技術 Day 02: 開發環境與開發工具

本章節的目標是打造出一個適合用於練習與開發ES6應用程式的環境，為了簡單學習起見，這裡的一些太細部的套件或功能說明，就請再到各套件的說明文件中，或是到我附的一...

eyesofkids ‧ 2016-12-02

0 Like 0 留言 22891 瀏覽

鐵人賽 Modern Web DAY 14

React - DOM界的彼方系列第 14 篇

技術 Day 14: React篇: 建置React開發環境

"本文章附有影片"，在之前的"開發環境&開發工具"，我們已經介紹過整個的環境的建置，從這裡開始，我們需要為因應...

eyesofkids ‧ 2016-12-14

2 Like 0 留言 20159 瀏覽

鐵人賽 Modern Web DAY 10

React - DOM界的彼方系列第 10 篇

技術 Day 10: ES6篇 - Class(類別)

本章的目標是提供ES6中的Class(類別)一些廣泛的討論與使用建議。Class(類別)是一個全新的語法，但它的目前整體的內容，如果與Java、C++這些語言...

eyesofkids ‧ 2016-12-10

0 Like 0 留言 16741 瀏覽

技術 [React] axios - TypeError: Cannot read property 'setState' of undefined

https://stackoverflow.com/questions/41042763/axios-reactjs-cannot-read-property...

Luis-Chen ‧ 2018-01-21

0 Like 0 留言 16730 瀏覽

鐵人賽 Modern Web DAY 30

RRRR的世界 (Ruby on Rails + React + Redux) 系列第 30 篇

技術 Day 30, 最後一天來個RRRR的總結。

鐵人賽最後一天了，也是我這系列的最後一篇文章。在我的號召之下，公司其他兩位同事也一起參加鐵人賽，順便PO上他們的文章: 美術篇: http://ithelp...

Joseph-bug ‧ 2017-01-14

5 Like 0 留言 16272 瀏覽

鐵人賽 Modern Web DAY 3

React - DOM界的彼方系列第 3 篇

達標好文技術 Day 03: ESLint - Lint工具的後起之秀

本章的目標是提供一些ESLint的簡介與使用建議，當然它只是個檢查工具，並不會自動幫你修正錯誤或警告。在撰寫程式碼的過程中，檢查工具的提示是很重要，它是可以提...

eyesofkids ‧ 2016-12-03

0 Like 0 留言 16060 瀏覽

技術 firebase hosting - 點擊從網頁複製的連結會notfound

https://firebase.google.com/docs/hosting/url-redirects-rewrites firebase.json...

Luis-Chen ‧ 2018-01-19

0 Like 0 留言 16051 瀏覽

鐵人賽 Modern Web DAY 27

使用 Modern Web 技術來打造 Native App 系列第 27 篇

技術 Day 27：React Native 除錯

前言前一篇寫單元測試的目的之一就是讓除錯變得容易一點，但實際在除錯的時候還是得掌握一些可以使用的工具，尤其是對寫 Web 習慣的開發者來說，一開始的時候看不到...

C. T. Lin ‧ 2017-01-11

0 Like 0 留言 15894 瀏覽

技術 [環境]create-react-app hotreload 配置

Hot Reloading in Create React App Without Ejecting 1.安裝 yarn add react-app-rew...

Luis-Chen ‧ 2018-02-01

0 Like 0 留言 15147 瀏覽

技術 [慟] [react-router-dom] <Redirect /> 跳轉只會re-render Component的render

目前情況一個表單Component 一個列表Component 動作表單送出資料後，跳轉到列表，跳轉到列表後，會更新已送出資料說明這動作其實很常見，...

Luis-Chen ‧ 2018-02-02

0 Like 0 留言 14603 瀏覽

鐵人賽 Modern Web DAY 29

RRRR的世界 (Ruby on Rails + React + Redux) 系列第 29 篇

技術 Day 29, Deploy上heroku吧!

終於到了今天，要push上heroku了。本文參考官方文件實作: Rails 5 and Heroku: https://devcenter.heroku...

Joseph-bug ‧ 2017-01-13

5 Like 1 留言 13987 瀏覽

鐵人賽 Modern Web DAY 6

React - DOM界的彼方系列第 6 篇

達標好文技術 Day 06: ES6篇 - Arrow Function(箭頭函式)

本章的目標是對箭頭函式提供一些較為全面性的介紹，除了基本的語法之外，也補充了很多React搭配使用時的實例，此外也提供撰寫的風格建議。當然，箭頭函式並不光只是...

eyesofkids ‧ 2016-12-06

9 Like 0 留言 12377 瀏覽

鐵人賽 Modern Web DAY 8

一步一腳印的React旅程系列第 8 篇

技術 [筆記][React]用 for 迴圈處理Component

HI！大家好，這一篇和前一篇應該會比較輕鬆，畢竟說的都是天天陪伴著大家的語法XD，加上在JSX中處理Element真的變得很容易上手，因為就和原生的JavaSc...

神Q超人 ‧ 2018-10-13 ‧團隊IT成長營

6 Like 0 留言 12205 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

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

10 Like 1 留言 11629 瀏覽

鐵人賽 Modern Web DAY 3

一步一腳印的React旅程系列第 3 篇

達標好文技術 [筆記][React]從零到一的webpack開發環境(2)-React開發篇

Hello！大家好啊！記得我們昨天裝了node.js、npm、webpack還用npm init建立一個專案，然後用webpack -p打包了一個JavaScr...

神Q超人 ‧ 2018-10-08 ‧團隊IT成長營

2 Like 0 留言 11234 瀏覽

鐵人賽 Modern Web DAY 28

30 天 Progressive Web App 學習筆記系列第 28 篇

技術 Day 28 - 30 天 Progressive Web App 學習筆記 - To-Do List 搭配 React + Redux 實作 PWA

接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA，而內容會假設讀者已經熟悉 Re...

iamya ‧ 2017-01-12

5 Like 2 留言 11022 瀏覽

鐵人賽 Modern Web DAY 1

React - DOM界的彼方系列第 1 篇

達標好文技術 Day 01: 介紹

本文章同步放在Github的這個網址上。大家好！我是Eddy。今天是鐵人賽的第一天，我個人是第一次參加，也沒在討論區中回答過什麼問題，可能按照前輩們所說...

eyesofkids ‧ 2016-12-01

7 Like 3 留言 10640 瀏覽

鐵人賽 Modern Web DAY 6

一步一腳印的React旅程系列第 6 篇

技術 [筆記][React]進入Component的事件處理篇！

Hello！大家好啊！明明才第六篇而已，感覺卻快被榨乾了XD。前兩天我們的例子都圍繞在計時器身上，但是真正的網頁可沒有那麼簡單，因為還有使用者這種生物在，身為...

神Q超人 ‧ 2018-10-11 ‧團隊IT成長營

14 Like 5 留言 10340 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 [Day 01] 沒學過 React 可以從 Hooks 開始嗎？

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

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

0 Like 0 留言 10324 瀏覽

鐵人賽 Modern Web DAY 27

React - DOM界的彼方系列第 27 篇

技術 Day 27: Redux篇 - 使用react-redux綁定Redux與React

今天的主題是Redux使用於React元件之中，並使用由Redux官方出品的專案綁定套件react-redux。這個程式最後的呈現結果，實際上與昨天是相同的...

eyesofkids ‧ 2016-12-27

3 Like 0 留言 9941 瀏覽

鐵人賽 Modern Web DAY 19

一步一腳印的React旅程系列第 19 篇

技術 [筆記][React]React網頁好朋友Router(3)-Switch和轉址王Redirect

Hi啊大家好！這幾天我一直在想該怎麼打出一篇好文章（雖然鐵人賽都過一半了XD），但這也是鐵人賽一路走來才會思考到的事情吧？在一天一篇文章持續30天的過程中，該怎...

神Q超人 ‧ 2018-10-24 ‧團隊IT成長營

1 Like 0 留言 9803 瀏覽

鐵人賽 Modern Web DAY 27

30 天 Progressive Web App 學習筆記系列第 27 篇

技術 Day 27 - 30 天 Progressive Web App 學習筆記 - To-Do List 實作 PWA - 完成 React + Redux 專案架構與功能

接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA，而內容會假設讀者已經熟悉 Re...

iamya ‧ 2017-01-11

9 Like 0 留言 9759 瀏覽

鐵人賽 Modern Web DAY 9

一步一腳印的React旅程系列第 9 篇

技術 [筆記][React]受不受控的Component與Form表單

Hello！大家好！剛剛差一點點點就睡著了，真是完全都不能懈怠下來，不然我的隊友會殺了我XD，今天要說的東西主要是受控組件(Controlled Compone...

神Q超人 ‧ 2018-10-14 ‧團隊IT成長營

8 Like 2 留言 8952 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 [Day 02] React 中一定會用到的 JavaScript 語法

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

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

0 Like 0 留言 8214 瀏覽

技術 [ESLint] Parsing error: Unexpected token =

有時遇到這種問題，程式碼是對的，轉寫格式有錯就會出現類似問題，可能會是Parsing error: Unexpected token < 、Parsing...

Luis-Chen ‧ 2017-12-26

0 Like 0 留言 8075 瀏覽

鐵人賽 Modern Web DAY 12

React - DOM界的彼方系列第 12 篇

技術 Day 12: ES6篇: Side Effects(副作用)與Pure Functions(純粹函式)

本章的目標是對Side Effect(副作用)與(Pure Functions)純粹函式的概念提供一些簡要的說明。Pure Functions(純粹函式)的概...

eyesofkids ‧ 2016-12-12

7 Like 1 留言 7700 瀏覽

鐵人賽 Modern Web DAY 5

一步一腳印的React旅程系列第 5 篇

技術 [筆記][React]Component的狀態State及生命週期Lifecycle

HI！上一篇我們提到了可以用Props可以從外部傳進值，就像以下做法，今天進入正文的也太突然了XD： //建立一個NowTime組件類別顯示目前時間 class...

神Q超人 ‧ 2018-10-10 ‧團隊IT成長營

7 Like 0 留言 7513 瀏覽

鐵人賽 Modern Web DAY 4

一步一腳印的React旅程系列第 4 篇

技術 [筆記][React]關於Components的那件小事

經過前兩天的折騰，總算把開發環境給處理好了，從孟母身上我們就可以知道環境有多麼重要，不只對人，連程式也不例外，對吧？所以讓我們從今天開始學習React！起手...

神Q超人 ‧ 2018-10-09 ‧團隊IT成長營

技術 [Day 09 - 網速換算器] 網速傻傻分不清楚 Mbps? Mb/s? 來寫個單位換算器吧

技術 redux-saga 學習筆記 (1)

達標好文 技術 Day 02: 開發環境與開發工具

技術 Day 14: React篇: 建置React開發環境

技術 Day 10: ES6篇 - Class(類別)

技術 [React] axios - TypeError: Cannot read property 'setState' of undefined

技術 Day 30, 最後一天來個RRRR的總結。

達標好文 技術 Day 03: ESLint - Lint工具的後起之秀

技術 firebase hosting - 點擊從網頁複製的連結會notfound

技術 Day 27：React Native 除錯

技術 [環境]create-react-app hotreload 配置

技術 [慟] [react-router-dom] <Redirect /> 跳轉只會re-render Component的render

技術 Day 29, Deploy上heroku吧!

達標好文 技術 Day 06: ES6篇 - Arrow Function(箭頭函式)

技術 [筆記][React]用 for 迴圈處理Component

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

達標好文 技術 [筆記][React]從零到一的webpack開發環境(2)-React開發篇

技術 Day 28 - 30 天 Progressive Web App 學習筆記 - To-Do List 搭配 React + Redux 實作 PWA

達標好文 技術 Day 01: 介紹

技術 [筆記][React]進入Component的事件處理篇！

技術 [Day 01] 沒學過 React 可以從 Hooks 開始嗎？

技術 Day 27: Redux篇 - 使用react-redux綁定Redux與React

技術 [筆記][React]React網頁好朋友Router(3)-Switch和轉址王Redirect

技術 Day 27 - 30 天 Progressive Web App 學習筆記 - To-Do List 實作 PWA - 完成 React + Redux 專案架構與功能

技術 [筆記][React]受不受控的Component與Form表單

技術 [Day 02] React 中一定會用到的 JavaScript 語法

技術 [ESLint] Parsing error: Unexpected token =

技術 Day 12: ES6篇: Side Effects(副作用)與Pure Functions(純粹函式)

技術 [筆記][React]Component的狀態State及生命週期Lifecycle

技術 [筆記][React]關於Components的那件小事

At

達標好文技術 Day 02: 開發環境與開發工具

達標好文技術 Day 03: ESLint - Lint工具的後起之秀

達標好文技術 Day 06: ES6篇 - Arrow Function(箭頭函式)

達標好文技術 [筆記][React]從零到一的webpack開發環境(2)-React開發篇

達標好文技術 Day 01: 介紹