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

5 Like 0 留言 18122 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

pjchender ‧ 2019-10-05 ‧團隊Wow Doge!

0 Like 0 留言 17611 瀏覽

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

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

Luis-Chen ‧ 2018-02-01

0 Like 0 留言 17398 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

Joseph-bug ‧ 2017-01-14

6 Like 0 留言 17394 瀏覽

鐵人賽 Modern Web DAY 14

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

達標好文技術 [Day 14 - 即時天氣] 把 CSS 寫在 JavaScript 中！？ - CSS in JS 的使用

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

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

1 Like 0 留言 17234 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

eyesofkids ‧ 2016-12-27

1 Like 0 留言 16848 瀏覽

鐵人賽 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

1 Like 0 留言 16826 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 Day 1 - 為什麼要前後端分離?

前後端分離已成為業界的標準之一, 有效的分離解藕, 可以讓我們的專案維護更容易, 業務邏輯更清晰, 不會像以往牽一髮而動全身, 同時也可以支援不同客戶端服務(W...

Aiden ‧ 2019-09-17

0 Like 0 留言 16740 瀏覽

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

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

Luis-Chen ‧ 2018-01-19

4 Like 2 留言 16624 瀏覽

鐵人賽 Modern Web DAY 28

從比入門再往前一點開始，一直到深入React.js 系列第 28 篇

技術【Day.28】React進階 - 導入Redux，讓元件溝通更簡潔

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-13

0 Like 0 留言 16029 瀏覽

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

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

Luis-Chen ‧ 2018-02-02

10 Like 2 留言 15663 瀏覽

鐵人賽 Modern Web DAY 6

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

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

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

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

3 Like 1 留言 15593 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

3 Like 1 留言 15562 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

pjchender ‧ 2019-10-04 ‧團隊Wow Doge!

0 Like 0 留言 15507 瀏覽

鐵人賽 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

0 Like 0 留言 15478 瀏覽

鐵人賽 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

1 Like 0 留言 15150 瀏覽

鐵人賽 Modern Web DAY 21

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 21 篇

技術 #21 No-code 之旅 — 如何讓網站在分享時看起來漂亮和有吸引力？Open Graph (OG) 簡介

大家有沒有發現當有人在社群軟體分享網址的時候，通常除了網址本身還會看到一張縮圖加上網站的標題和描述？這就是用 Open Graph (OG) 設定出來的！今天會...

Jade ‧ 2021-10-06

0 Like 0 留言 14966 瀏覽

技術 [ESLint] Parsing error: Unexpected token =

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

Luis-Chen ‧ 2017-12-26

1 Like 0 留言 14940 瀏覽

技術 React 學習筆記_19(在React中使用Axios調用JSON-Server數據)

簡介 axios 是一個基於 Promise 的 HTTP 客戶端，專門服務於瀏覽器和 node.js 。功能在瀏覽器中傳送 XMLHttpRequest...

Fandix ‧ 2020-04-12

3 Like 1 留言 14920 瀏覽

鐵人賽 Modern Web DAY 15

從比入門再往前一點開始，一直到深入React.js 系列第 15 篇

技術【Day.15】React入門 - 非控制組件與useRef

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-09-30

7 Like 2 留言 14911 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 [筆記][React]React的目錄結構篇

Hi！大家好啊！因為大家的支持！鐵人賽總算過一半了！希望剩下來的賽程請各位大大繼續指教！話說今天為了研究一個東西浪費了一堆時間，讓我現在感覺很沒勁，哈哈哈(超...

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

0 Like 1 留言 14808 瀏覽

鐵人賽自我挑戰組 DAY 15

文科生轉職React前端工程師的菜鳥學習日記系列第 15 篇

技術 [Day15] 2022三大前端框架庫，使用量排行誰勝出(Angular/React/Vue)？

今天主題提到2022三大前端開發框架使用量排行誰勝出？先來張在Stack Overflow自 2008 年成立以來，基於標籤使用情況的技術隨時間推移的趨勢，就可...

cherylcloud ‧ 2022-09-30

1 Like 0 留言 14560 瀏覽

鐵人賽 Modern Web DAY 3

自己做一個價值幾十萬的動態網站，學會Mern開發、前台UI設計各式觀念與各式Lib、typescript你該學會的前端技術系列第 3 篇

技術「全端挑戰」了解Scss與React Component與首頁概念圖與UI實作

鐵人賽 Day3 自己做一個價值幾十萬的動態網站第三課：了解Scss與React Component與首頁概念圖與UI實作 part1 Css與Scss差在哪...

K.o ‧ 2022-09-18

3 Like 0 留言 14429 瀏覽

鐵人賽 Modern Web DAY 14

前端工程師一起來種一棵後端技能樹吧！系列第 14 篇

技術 [Day 14] Server-Side-Rendering - (1)

最近在 Frontend 技術圈裡，Server-Side-Rendering（SSR）可說是一個越來越火熱的概念，剛好現在工作上的架構就是使用 Next.j...

莫力全 Kyle Mo ‧ 2020-09-27 ‧團隊不要搶我隊友

0 Like 2 留言 14414 瀏覽

技術 React三種使用CSS方法

React兩種使用CSS方法一、在檔案中寫寫css的第一個作法 Header.js import React from "react";...

jbuduoo ‧ 2020-07-22

4 Like 0 留言 14353 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 [筆記][React]React網頁好朋友Router(1)-基本用法篇！

Hi！大家好啊！React旅程走到這裡開始覺得有點累了XD，下班放假都還是不能忘記準備文章，嗚嗚...不過和不只報名一個系列的大大們來說，還算是算小咖了，希望這...

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

4 Like 0 留言 14322 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 [筆記][React]React網頁好朋友Router(4)-搞懂Route的component、render和children

Hi！大家好啊！想不到又重回最初的Route篇了吧！不過其實一開始也根本沒有說到他過XD，連他的小跟班match都提過了，就是沒有好好解釋過Route這個組件，...

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

2 Like 1 留言 14229 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day 09: ES6篇: Spread Operator & Rest Operator(展開與其餘運算符)

本章的目標是對展開運算符(Spread Operator)與其餘運算符(Rest Operator)提供一些使用上的說明。這些語法在React、React N...

eyesofkids ‧ 2016-12-09

0 Like 2 留言 14223 瀏覽

鐵人賽 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

7 Like 0 留言 14107 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

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

1 Like 0 留言 14040 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day 08: ES6篇 - Destructuring Assignment(解構賦值)

本章的目標是對Destructuring Assignment(解構賦值)提供一些使用上的說明。這些語法在React、React Native、Redux等等...

eyesofkids ‧ 2016-12-08

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

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

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

達標好文 技術 [Day 14 - 即時天氣] 把 CSS 寫在 JavaScript 中！？ - CSS in JS 的使用

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

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

技術 Day 1 - 為什麼要前後端分離?

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

技術 【Day.28】React進階 - 導入Redux，讓元件溝通更簡潔

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

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

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

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

技術 Day 29, Deploy上heroku吧!

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

技術 #21 No-code 之旅 — 如何讓網站在分享時看起來漂亮和有吸引力？Open Graph (OG) 簡介

技術 [ESLint] Parsing error: Unexpected token =

技術 React 學習筆記_19(在React中使用Axios調用JSON-Server數據)

技術 【Day.15】React入門 - 非控制組件與useRef

技術 [筆記][React]React的目錄結構篇

技術 [Day15] 2022三大前端框架庫，使用量排行誰勝出(Angular/React/Vue)？

技術 「全端挑戰」了解Scss與React Component與首頁概念圖與UI實作

技術 [Day 14] Server-Side-Rendering - (1)

技術 React三種使用CSS方法

技術 [筆記][React]React網頁好朋友Router(1)-基本用法篇！

技術 [筆記][React]React網頁好朋友Router(4)-搞懂Route的component、render和children

技術 Day 09: ES6篇: Spread Operator & Rest Operator(展開與其餘運算符)

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

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

技術 Day 08: ES6篇 - Destructuring Assignment(解構賦值)

標記使用者

達標好文技術 [Day 14 - 即時天氣] 把 CSS 寫在 JavaScript 中！？ - CSS in JS 的使用

技術【Day.28】React進階 - 導入Redux，讓元件溝通更簡潔

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

技術【Day.15】React入門 - 非控制組件與useRef

技術「全端挑戰」了解Scss與React Component與首頁概念圖與UI實作