iT邦幫忙

reactjs相關文章
共有 712 則文章
1 Like 0 留言 515 瀏覽
鐵人賽 Modern Web DAY 1
從Vue學React！不只要會用，還要真的懂～ 系列 第 1 篇

技術 【Day 1】為什麼我要從Vue學React？為什麼不只要會用，還要真的懂？

大家好！我是從韓文領域不務正業到軟體產業的文科少女，目前正在前端的世界努力中。因為希望自己能突破Junior的坎，所以為自己立下了一個參加鐵人賽的目標，希望透過...

文科少女 ‧ 2023-09-07 ‧團隊曼陀號計畫V
2 Like 0 留言 509 瀏覽
鐵人賽 Modern Web DAY 2
從Vue學React！不只要會用，還要真的懂～ 系列 第 2 篇

技術 【Day 2】這趟旅程，從認識mutable和immutable開始

我們先把什麼Vue不Vue的，React不React的放一旁，從一個很基礎，但很多初學者(包含我)卻沒有好好去理解的關鍵概念開始認識，那就是mutable和im...

文科少女 ‧ 2023-09-08 ‧團隊曼陀號計畫V
0 Like 0 留言 489 瀏覽
鐵人賽 Modern Web DAY 12
用React讓網頁動起來: React基礎與實作 系列 第 12 篇

技術 [Day12]用React讓網站動起來：todolist實作－編輯todolist

前幾天已經寫好todolist的邏輯、樣式，現在我們的程式已經可以新增、瀏覽、刪除代辦事項，並且有簡單的外觀。不過新增的事項還沒辦法編輯，因此今天來做一下編輯的...

時雨 ‧ 2022-09-27 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 486 瀏覽

技術 Laravel + GraphQL 接案心得＆範例分享 Part 2：前端 Query/Mutation 與 React 串接範例

在上一篇文章，我簡單介紹了 GraphQL 的好處，以及如何在 laravel 中實作 這一篇文章，接著介紹一下如何在前端使用 React 進行整合 實務範例與...

howtomakeaturn ‧ 2023-11-20
0 Like 0 留言 485 瀏覽
鐵人賽 Modern Web DAY 30
30天React練功坊-攻克常見實務/面試問題 系列 第 30 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day30: Memory Cards Game(interview question)

tags: ItIron2023 react 前言 我們昨天做了一個基本的井字遊戲，基本上除了css的部分有些困難之外，基本的邏輯實踐其實相當的單純，今天我們反...

windate3411 ‧ 2023-10-15
0 Like 0 留言 478 瀏覽
鐵人賽 Mobile Development DAY 1
React Native CLI 開發心法 系列 第 1 篇

技術 DAY 1 - 前言＆React Native 簡介

前言 預計分享的內容 有感於 React Navie 繁體中文的內容偏少加上在工作中踩了不少坑，因此這次鐵人賽將分享我以網頁前端工程師的角度開發 React N...

Ashley ‧ 2023-09-07 ‧團隊曼陀號計畫V
0 Like 0 留言 476 瀏覽
鐵人賽 Modern Web DAY 2
react 學習記錄 系列 第 2 篇

技術 [Day2]我的 react 學習記錄 - npm & node.js

這篇文章的主要內容 簡單說說 npm 跟 node.js 是什麼。 npm & node npm 是 Node Package manager 的簡稱...

evan_hsu ‧ 2023-09-16
1 Like 1 留言 464 瀏覽
鐵人賽 Modern Web DAY 5
30天React練功坊-攻克常見實務/面試問題 系列 第 5 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day5 An unexpected "0" in the page while doing condition rendering

tags: ItIron2023 react 前言 昨天我們談到了多個類似的state在同一組件的管理問題，以及你可以如何利用一個共用的hanlder去優化，今...

windate3411 ‧ 2023-09-20
0 Like 0 留言 459 瀏覽
鐵人賽 Modern Web DAY 26
為期 N 天的 react 小冒險 系列 第 26 篇

技術 用 react hook 做一個 wordle clone 猜字遊戲-part1(遊戲規則 / 外觀)-day 26

開頭前幾天一直覺得會翻船，自認無法撐到結束XD結果沒想到苟延殘喘的來到第26天，真是奇蹟等活動結束後，再找點時間把內容重新寫的更完善吧 最後幾天來挑戰，做一個前...

dc88 ‧ 2022-10-10
0 Like 0 留言 458 瀏覽
鐵人賽 Modern Web DAY 4
react 學習記錄 系列 第 4 篇

技術 [Day4]我的 react 學習記錄 - 用 webpack 來建立 react 開發環境

這篇文章的主要內容 使用 webpack 建立一個陽春的 TypeScript + react 開發環境 初始化 npm 專案 開啟 terminal 然...

evan_hsu ‧ 2023-09-18
0 Like 0 留言 450 瀏覽
鐵人賽 Modern Web DAY 6
從Vue學React！不只要會用，還要真的懂～ 系列 第 6 篇

技術 【Day 6】元件的一生！Vue的生命週期 vs. React的生命週期

昨天看了渲染機制後，緊接著再往前一步來看看元件的生命週期吧！常寫Vue的朋友們應該對生命週期都不陌生，因為偶爾還是會遇到需要透過生命週期API來實現一些功能的時...

文科少女 ‧ 2023-09-12 ‧團隊曼陀號計畫V
0 Like 1 留言 449 瀏覽
鐵人賽 Modern Web DAY 4
30天React練功坊-攻克常見實務/面試問題 系列 第 4 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day4: Way too many state in a component

tags: ItIron2023 react 前言 昨天我們配合了兩個hook去理解react render的機制以及一些useState & useE...

windate3411 ‧ 2023-09-19
1 Like 0 留言 447 瀏覽
鐵人賽 影片教學 DAY 16
我讀你看 系列 第 16 篇

技術 [React] State as a Snapshot

本篇重點：所有 React 元件內的狀態值（state），在該 function 執行時（rendering）就已經固定。 導讀 React 官方文件：htt...

pjchender ‧ 2022-10-01 ‧團隊我可能不會完賽
0 Like 0 留言 436 瀏覽
鐵人賽 Modern Web DAY 24
為期 N 天的 react 小冒險 系列 第 24 篇

技術 用 react hook 做一個城市天氣卡-part1(with axios fetch data)-day24

暫時揮別 react router 的部分，這次來實作一個小型的互動程式，用 react hook 及 axios 向 api 取得特定城市的氣溫資料 安裝 a...

dc88 ‧ 2022-10-08
1 Like 1 留言 423 瀏覽
鐵人賽 Modern Web DAY 3
從Vue學React！不只要會用，還要真的懂～ 系列 第 3 篇

技術 【Day 3】可變特性與不可變特性＆渲染的觸發與Virtual DOM的產生

不論是學習Vue或是學習React，除了學會怎麼使用它們的API或hook外，還必須了解它的渲染機制，這樣才可以避免出現一些預期外的bug而不自知，或是在需要某...

文科少女 ‧ 2023-09-09 ‧團隊曼陀號計畫V
0 Like 0 留言 418 瀏覽
鐵人賽 Modern Web DAY 20
為期 N 天的 react 小冒險 系列 第 20 篇

技術 用 react hook 寫一個簡易計算機吧-下-day20

昨天寫到鍵入數字部分，今天接續把 +-/* 跟 = 的運算處理完吧～ 加減乘除 執行 dispatch({ type: "該按鈕的數值" }...

dc88 ‧ 2022-10-04
0 Like 0 留言 418 瀏覽
鐵人賽 Modern Web DAY 7
30天React練功坊-攻克常見實務/面試問題 系列 第 7 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day7: Memeory leak with useEffect

tags: ItIron2023 react 前言 昨天我們看了一下一個react hook在render上的常見使用錯誤，未來我們會再次接觸到，建議先把hoo...

windate3411 ‧ 2023-09-22
0 Like 0 留言 413 瀏覽
鐵人賽 Modern Web DAY 15
30天React練功坊-攻克常見實務/面試問題 系列 第 15 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day15: Unintended Re-renders: The Pitfalls of useContext

tags: ItIron2023 react 前言 我們前兩天將重點放在React.memo使用上的一些情境與錯誤，接著我們將繼續探討其他造成不必要重複渲染的情...

windate3411 ‧ 2023-09-30
0 Like 1 留言 405 瀏覽
鐵人賽 Modern Web DAY 4
從Vue學React！不只要會用，還要真的懂～ 系列 第 4 篇

技術 【Day 4】 觸發重新渲染後的下一步 - Reconciliation (上)

昨天已經了解了imutable和mutable特性與觸發畫面重新渲染的關係，今天再另外深入一個與畫面更新有關的部分，也就是Reconciliation，或是稱為...

文科少女 ‧ 2023-09-10 ‧團隊曼陀號計畫V
0 Like 0 留言 403 瀏覽
鐵人賽 Modern Web DAY 11
30天React練功坊-攻克常見實務/面試問題 系列 第 11 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day11: Race condition with useEffect

tags: ItIron2023 react 前言 我們昨天看了一個看似useEffect在搞事的問題，雖然說不能與它完全無關，但實際上他確實挺無辜的，真要怪的...

windate3411 ‧ 2023-09-26
0 Like 0 留言 394 瀏覽
鐵人賽 Modern Web DAY 29
react 學習記錄 系列 第 29 篇

技術 [Day29]我的 react 學習記錄 - SSR & Next.js

這篇文章的主要內容 簡單介紹 SSR & Next.js CSR( Client Side Rendering) 在前面有提到 react 是一個 C...

evan_hsu ‧ 2023-10-13
0 Like 0 留言 389 瀏覽
鐵人賽 Modern Web DAY 1
react 學習記錄 系列 第 1 篇

技術 [Day1]我的 react 學習記錄 - react 啟動！

在轉職成軟體工程師的這個過程，鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法，自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識，了解框架運作...

evan_hsu ‧ 2023-09-15
0 Like 0 留言 389 瀏覽
鐵人賽 Modern Web DAY 7
關於用 Javascript (Typescript) Stack 打造某種 Backend 3D Rendering 的東東這檔事 系列 第 7 篇

技術 Day 07 甜死人不償命的 JSX 語法糖 （React 簡介）

它為了解決什麼問題而生？ 正如我在 Day 03 有提到的，它使用了 Virtual DOM 來解決直接操作 DOM 造成的性能問題。並且採用有別於 bindi...

Wei Ji ‧ 2022-09-21
0 Like 0 留言 379 瀏覽
鐵人賽 Modern Web DAY 22
連我阿公都會-手把手教你架網站 系列 第 22 篇

技術 【Day22】淺談 React.js（1）React基本構成 & 語法

在上一篇的教學中，我們成功建立了一個React的專案。建立完畢後，會發現我們的檔案資料夾突然多了好多沒看過的東西： 慘了，完全看不懂——沒關係！接下來將帶您認...

ttdragon0722 ‧ 2023-10-07 ‧團隊最強資工大電神
0 Like 0 留言 375 瀏覽
鐵人賽 Modern Web DAY 12
從Vue學React！不只要會用，還要真的懂～ 系列 第 12 篇

技術 【Day 12】傳遞state給子層用props，但props不只用來傳遞state

在了解state怎麼定義、怎麼操作後，還有一個很重要的部分，就是state在元件中傳遞的方式。這個部分也就是大家普遍都很熟悉的props，不只在Vue中是使用p...

文科少女 ‧ 2023-09-18 ‧團隊曼陀號計畫V
0 Like 1 留言 372 瀏覽
鐵人賽 Modern Web DAY 6
30天React練功坊-攻克常見實務/面試問題 系列 第 6 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day6: Rendered more hooks than during the previous render.

tags: ItIron2023 react 前言 我們昨天看了一個簡單的條件渲染的範例，了解到為什麼你不該用布林值以外的值作為判斷條件渲染的標準，今天我們繼續...

windate3411 ‧ 2023-09-21
0 Like 0 留言 367 瀏覽
鐵人賽 Modern Web DAY 14
30天React練功坊-攻克常見實務/面試問題 系列 第 14 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day14: Optimization with React.memo the wrong way

tags: ItIron2023 react 前言 我們昨天看了一個不必要re-render造成的效能問題並利用React.memo來解決，到這邊一切相安無事，...

windate3411 ‧ 2023-09-29
1 Like 0 留言 358 瀏覽
鐵人賽 影片教學 DAY 20
我讀你看 系列 第 20 篇

技術 [React] Render and Commit

今天來看一下常令 React 新手容易感到混淆的 render 和 commit 階段。 Render and Commit @ React Beta

pjchender ‧ 2022-10-05 ‧團隊我可能不會完賽
0 Like 0 留言 352 瀏覽
鐵人賽 Modern Web DAY 8
30天React練功坊-攻克常見實務/面試問題 系列 第 8 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day8: Using index as key might be a huge disaster

tags: ItIron2023 react 前言 我們昨天用了一個很簡單的例子展示useEffect可能造成的memory leak issue，今天我們來看...

windate3411 ‧ 2023-09-23
1 Like 0 留言 345 瀏覽
鐵人賽 Modern Web DAY 21
30天React練功坊-攻克常見實務/面試問題 系列 第 21 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day21: React render logic interview question

tags: ItIron2023 react 前言 我們昨天看了最後一個關於實務上常碰到的issue，剩下的10天我們將進入react coding inter...

windate3411 ‧ 2023-10-06
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23068 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙