iT邦幫忙

react相關文章
共有 562 則文章
鐵人賽 Modern Web DAY 9

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

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

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

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

鐵人賽 Modern Web DAY 2
React - DOM界的彼方 系列 第 2

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

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

鐵人賽 Modern Web DAY 14
React - DOM界的彼方 系列 第 14

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

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

鐵人賽 Modern Web DAY 10
React - DOM界的彼方 系列 第 10

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

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

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 3
React - DOM界的彼方 系列 第 3

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

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

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

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

鐵人賽 Modern Web DAY 27

技術 Day 27:React Native 除錯

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

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

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

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

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

鐵人賽 Modern Web DAY 29

技術 Day 29, Deploy上heroku吧!

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

鐵人賽 Modern Web DAY 6
React - DOM界的彼方 系列 第 6

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 1
React - DOM界的彼方 系列 第 1

達標好文 技術 Day 01: 介紹

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 27
React - DOM界的彼方 系列 第 27

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

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

鐵人賽 Modern Web DAY 19
一步一腳印的React旅程 系列 第 19

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

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 2

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

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

技術 [ESLint] Parsing error: Unexpected token =

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

鐵人賽 Modern Web DAY 12
React - DOM界的彼方 系列 第 12

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 4

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

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