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

0 Like 0 留言 4274 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day 14, React components 各種寫Component的方法

今天講三種component的建立方式，也是看網路上的Demo常用的，我這邊會寫三個一樣的Component，讓大家看看彼此間的互換。最簡單的 extends...

Joseph-bug ‧ 2016-12-29

0 Like 0 留言 4269 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day 22 - React 第一個Component

上一章 Day 21 - React 什麼是Component? 生命週期? 今天來寫我們的第一個Component 先從網頁的導覽列開始在專案底下新增MyN...

Aiden ‧ 2019-10-08

0 Like 0 留言 4257 瀏覽

鐵人賽自我挑戰組 DAY 5

React初心者30天的探索之路系列第 5 篇

技術 [Day 05] React JSX - html 和JavaScript的完美結合

React利用JSX語法來開發，類似XML的寫法，可以將UI介面跟程式邏輯跟緊密的結合（在html中使用JavaScript語法），一般的瀏覽器是看不懂JSX的...

Lieutenant ‧ 2020-09-05

1 Like 0 留言 4254 瀏覽

鐵人賽 Modern Web DAY 16

循序漸進學習 Javascript 測試系列第 16 篇

技術 Day 16 測試 React 元件：render 元件及使用 Jest DOM & dom-testing-library

使用 ReactDOM 來 Render 被測試元件假設現在有一個 <FavoriteNumber /> 元件，我們要測試它是否有 render...

TWGD ‧ 2020-10-01

0 Like 0 留言 4247 瀏覽

徵才 [徵才]美商A10 Networks-FrontEnd Web Developer

【公司名稱】: 美商睿科網路科技有限公司【公司地址】: 台北南港軟體園區三期捷運南港展覽館站附近台北市南港區三重路66號6樓https://goo.gl/m...

stsai ‧ 2018-02-13

1 Like 0 留言 4232 瀏覽

鐵人賽 Modern Web DAY 12

Zero to hero with React.js 系列第 12 篇

技術【Day 12 React】React + Webpack ——搜尋功能 #Part1

前面幾篇的做法，我都是直接引用 CDN 來操作。我們還有第二種方法可以 include React，就是透過第二篇介紹過的 Webpack，所以今天就來學學 W...

TSAI ‧ 2017-12-18

0 Like 0 留言 4232 瀏覽

鐵人賽 Modern Web DAY 3

30 天擁有一套自己手刻的 React UI 元件庫系列第 3 篇

技術【Day03】數據輸入元件 - Radio

元件介紹 Radio 是一個單選框元件。讓我們在一組選項當中選擇其中一個選項。當我們的情境是希望用戶可以一次看到所有選項時，可以使用 Radio Button。...

Taiming ‧ 2021-09-16 ‧團隊董事長清潔隊

0 Like 0 留言 4218 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day 21: React篇 - TodoApp程式 + 編輯項目

今天的主題是要加入項目的編輯功能，以及更多的CSS樣式。至於重點部份有兩個，第一個是CSS樣式的加入，第二個是如何切換項目的編輯。這個程式最後的呈現結果，會...

eyesofkids ‧ 2016-12-21

0 Like 0 留言 4213 瀏覽

鐵人賽 Modern Web DAY 7

用React刻自己的投資Dashboard 系列第 7 篇

技術用React刻自己的投資Dashboard Day7 - CORS與Proxy Server

tags: 2021鐵人賽 React 上一篇在串接API的時候有遇到一個前端蠻常見的問題，跨來源資源共用(CORS)被阻擋，錯誤代碼如下：打開瀏覽器的con...

Sean Liu ‧ 2021-09-22

1 Like 0 留言 4204 瀏覽

鐵人賽 Modern Web DAY 10

一次打破 React 常見的學習門檻與觀念誤解系列第 10 篇

技術 [Day 10] React 畫面更新的核心機制（上）：一律重繪渲染策略

在經過前面一些基本觀念的鋪陳之後，接下來我們將會繼續重點解析關於 React 產生並管理 UI 畫面的核心運作流程與原理，而這將會是真正掌握 React 這門技...

Zet ‧ 2022-09-25

4 Like 2 留言 4199 瀏覽

鐵人賽 Modern Web DAY 8

一次打破 React 常見的學習門檻與觀念誤解系列第 8 篇

達標好文技術 [Day 08] JSX 的重要特性與規則以及其背後緣由

為了滿足 transpiler 轉換的正確性，因此 JSX 語法在撰寫上會有一些重要的特性與規則需要注意。這些規則可能大多數人多少都聽過，但是卻不是很了解為什麼...

Zet ‧ 2022-09-23

1 Like 1 留言 4174 瀏覽

鐵人賽 Modern Web DAY 25

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

技術【Day.25】React進階 - Custom hook | 把React component API模組化吧!

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

Andy Chang ‧ 2020-10-10

2 Like 0 留言 4169 瀏覽

鐵人賽 Modern Web DAY 15

以經典小遊戲為主題之ReactJS應用練習系列第 15 篇

技術 Day15 - 貪吃蛇篇：讓蛇的頭動起來

有了地圖之後，我們就可以開始讓蛇在上面爬了，今天我們的目標是畫出蛇的頭，並且可以操控他在地圖上跑來跑去。新增蛇的物件首先我們先來新增一個蛇的物件 const...

Taiming ‧ 2018-10-30 ‧團隊開橋找井

2 Like 0 留言 4149 瀏覽

鐵人賽 Modern Web DAY 17

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

技術【Day.17】React入門 - 利用useContext進行多層component溝通

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

Andy Chang ‧ 2020-10-02

3 Like 0 留言 4149 瀏覽

鐵人賽 Modern Web DAY 9

今晚，我想來點 Web 前端效能優化大補帖！系列第 9 篇

技術 Day09 X Resource Hint & Non-Blocking Script Tag

經過昨天的內容，讀者們應該對於網頁的渲染流程有大致的理解了。我們再小小複習一下，大致上網頁的渲染流程為：讀取 HTML 後生成 DOM Tree 讀取...

莫力全 Kyle Mo ‧ 2021-09-24 ‧團隊StarBugs 星巴哥技術週刊

1 Like 0 留言 4146 瀏覽

鐵人賽 Modern Web DAY 11

All In One NFT Website Development 系列第 11 篇

技術 Day 11【連動 MetaMask - Pop Up & Login Detection】Can`t use current password.

【前言】嗨嗨大家好，今天的主題延續昨天的檢測是否已經安裝插件後，緊接著而來的是 MetaMask 的彈出頁面以及檢測登入者是否更換帳戶。今天的內容大部份都參考...

ALu ‧ 2021-09-23 ‧團隊Obit0 Studio

0 Like 0 留言 4130 瀏覽

鐵人賽 Modern Web DAY 21

用React刻自己的投資Dashboard 系列第 21 篇

技術用React刻自己的投資Dashboard Day21 - 介紹Finmind API

tags: 2021鐵人賽 React 接下來幾篇都會串接Finmind這個開源API，本篇就先來理解一下Finmind有哪些資料可以使用。看了一下官方網站的資...

Sean Liu ‧ 2021-10-06

1 Like 1 留言 4130 瀏覽

鐵人賽 Modern Web DAY 13

你 React 了嗎? 30 天解鎖 React 技能系列第 13 篇

技術 [DAY 13] React 引入圖片檔案，圖片懶加載與預加載

［情境任務］小當家：客人點了一大桌的桌菜，真是累死我了！解師傅：哇～這些菜看起來太美味了！看看那個醬汁！讓我拍個照先～解師傅拍的照片真漂亮，我們把它們放在...

Lala Code ‧ 2022-09-28

2 Like 0 留言 4114 瀏覽

鐵人賽 Modern Web DAY 15

一次打破 React 常見的學習門檻與觀念誤解系列第 15 篇

技術 [Day 15] 維持 React 資料流可靠性的核心關鍵：Immutable state

在 React 當中，state 是可以存放 JavaScript 中的任何資料型別，除了像是字串、數字等直接可以表示值的型別，當然也支援物件或陣列這種以參考（...

Zet ‧ 2022-09-30

1 Like 0 留言 4107 瀏覽

鐵人賽 Modern Web DAY 10

前端技能樹的十萬個為什麼系列第 10 篇

技術 Day 10 - 為什麼要用 React Hook Form

前言昨天討論到 Uncontrolled Component 與 Controlled Component，了解到非受控元件因為是用原生的 HTML 輸入 t...

ycchiuuuu ‧ 2022-09-25

1 Like 1 留言 4103 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day 30 - MySQL Trigger MD5加密 & 同步Fetch API

上一章 Day 29 - React Tree Graph 樹狀結構圖在這隱私權高漲的年代, 所有個資與重要資訊都必須加密之前有寫過一篇用Java做MD5加...

Aiden ‧ 2019-10-16

5 Like 2 留言 4089 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(3)-開始添加事件篇

Hi！大家好！一天做一點點的感覺有點像以前買的科學雜誌XD，要從創刊號慢慢蒐集到最後，把所有的贈品都留下來才能組合出一個完整的東西，哈哈！話說剛露營回來，不知...

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

3 Like 1 留言 4087 瀏覽

鐵人賽 Modern Web DAY 14

一次打破 React 常見的學習門檻與觀念誤解系列第 14 篇

技術 [Day 14] 以 functional updater 來呼叫 setState

在上一篇的章節中，我們詳細的解析了有關於連續呼叫 setState 時的自動 batching 機制。承著前文的脈絡，我們來探討看看一個延伸的情境：如果我們想基...

Zet ‧ 2022-09-29

5 Like 5 留言 4068 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day30 | Component 後， TypeScript 的定位在哪？

前言這三十天內，我們學習了 React 及 TypeScript 的基本用法，最後一天想和大家聊聊，筆者是怎麼在專案中使用 TypeScript 的，或許有些...

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

2 Like 0 留言 4065 瀏覽

鐵人賽 Modern Web DAY 10

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

技術【Day.10】React入門 - JSX語法

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

Andy Chang ‧ 2020-09-25

1 Like 0 留言 4039 瀏覽

鐵人賽 Modern Web DAY 11

Zero to hero with React.js 系列第 11 篇

技術【Day 11 React】Events and Data Changes in React

今天要介紹如何即時得到使用者輸入的色碼，並即時 render 到氣球上。DEMO 建立 Component 首先，建立一個 Balloon component...

TSAI ‧ 2017-12-17

4 Like 0 留言 4012 瀏覽

鐵人賽 Modern Web DAY 21

一次打破 React 常見的學習門檻與觀念誤解系列第 21 篇

技術 [Day 21] useEffect 其實不是 function component 的生命週期 API

經過了前兩篇章的洗禮，相信你現在對於 function component 的 render 概念已經有一定程度的掌握。接著就讓我們進入這個階段的重頭戲：use...

Zet ‧ 2022-10-06

3 Like 1 留言 4008 瀏覽

鐵人賽 Modern Web DAY 14

以經典小遊戲為主題之ReactJS應用練習系列第 14 篇

技術 Day14 - 貪吃蛇篇：畫出主畫面地圖

昨天 Day13 我們已經把畫面區塊規劃出來了，今天要來把主畫面地圖畫好。地圖畫面座標系我們需要一個 xy 軸的二維直角座標系，這邊我的做法是把地圖切成...

Taiming ‧ 2018-10-29 ‧團隊開橋找井

2 Like 0 留言 4008 瀏覽

鐵人賽 Modern Web DAY 25

今晚，我想來點 Web 前端效能優化大補帖！系列第 25 篇

技術 Day25 X ESR: Rendering On The Edge

基本上 CDN 是現在的 Web 應用不可或缺的技術，當對被 CDN 加速過的域名發出請求時，CDN 會自動將 request 導到地理位置離使用者較近或是流...

莫力全 Kyle Mo ‧ 2021-10-10 ‧團隊StarBugs 星巴哥技術週刊

0 Like 0 留言 4002 瀏覽

鐵人賽自我挑戰組 DAY 18

請你當我的好朋友吧！ReactJS！系列第 18 篇

技術【DAY 18】更快的撰寫action跟reducer吧！redux-actions參上

【前言】　　終於先把基本的redux告一段落了......可是工作上的進度還是大延遲(嘆氣【正文】　　採用以往的方式撰寫action、reducer的確可行，但...

Hyora ‧ 2018-10-24

技術 Day 14, React components 各種寫Component的方法

技術 Day 22 - React 第一個Component

技術 [Day 05] React JSX - html 和JavaScript的完美結合

技術 Day 16 測試 React 元件：render 元件及使用 Jest DOM & dom-testing-library

徵才 [徵才]美商A10 Networks-FrontEnd Web Developer

技術 【Day 12 React】React + Webpack ——搜尋功能 #Part1

技術 【Day03】數據輸入元件 - Radio

技術 Day 21: React篇 - TodoApp程式 + 編輯項目

技術 用React刻自己的投資Dashboard Day7 - CORS與Proxy Server

技術 [Day 10] React 畫面更新的核心機制（上）：一律重繪渲染策略

達標好文 技術 [Day 08] JSX 的重要特性與規則以及其背後緣由

技術 【Day.25】React進階 - Custom hook | 把React component API模組化吧!

技術 Day15 - 貪吃蛇篇：讓蛇的頭動起來

技術 【Day.17】React入門 - 利用useContext進行多層component溝通

技術 Day09 X Resource Hint & Non-Blocking Script Tag

技術 Day 11【連動 MetaMask - Pop Up & Login Detection】Can`t use current password.

技術 用React刻自己的投資Dashboard Day21 - 介紹Finmind API

技術 [DAY 13] React 引入圖片檔案，圖片懶加載與預加載

技術 [Day 15] 維持 React 資料流可靠性的核心關鍵：Immutable state

技術 Day 10 - 為什麼要用 React Hook Form

技術 Day 30 - MySQL Trigger MD5加密 & 同步Fetch API

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(3)-開始添加事件篇

技術 [Day 14] 以 functional updater 來呼叫 setState

技術 Day30 | Component 後， TypeScript 的定位在哪？

技術 【Day.10】React入門 - JSX語法

技術 【Day 11 React】Events and Data Changes in React

技術 [Day 21] useEffect 其實不是 function component 的生命週期 API

技術 Day14 - 貪吃蛇篇：畫出主畫面地圖

技術 Day25 X ESR: Rendering On The Edge

技術 【DAY 18】更快的撰寫action跟reducer吧！redux-actions參上

標記使用者

技術【Day 12 React】React + Webpack ——搜尋功能 #Part1

技術【Day03】數據輸入元件 - Radio

技術用React刻自己的投資Dashboard Day7 - CORS與Proxy Server

達標好文技術 [Day 08] JSX 的重要特性與規則以及其背後緣由

技術【Day.25】React進階 - Custom hook | 把React component API模組化吧!

技術【Day.17】React入門 - 利用useContext進行多層component溝通

技術用React刻自己的投資Dashboard Day21 - 介紹Finmind API

技術【Day.10】React入門 - JSX語法

技術【Day 11 React】Events and Data Changes in React

技術【DAY 18】更快的撰寫action跟reducer吧！redux-actions參上