iT邦幫忙

react相關文章
共有 1540 則文章
1 Like 0 留言 317 瀏覽
鐵人賽 SideProject30 DAY 22
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 22 篇

技術 Day22：操作 Firestore Database 的資料(一)

今天是組裝頁面的一天，也將 Firestore Database 的 CURD 先從文件學習到在 console 控制台中練習一遍。 溫馨提醒：以下內容看到的...

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

技術 2023It 30天React練功坊-攻克常見實務/面試問題 Day24: Creating a custom hook for data fetching(interview question)

tags: ItIron2023 react 前言 昨天我們看了一個基本的Tab component題目，在那個常見的UI組件上做了一點小小的測試，相信對你們來...

windate3411 ‧ 2023-10-09
0 Like 1 留言 317 瀏覽
鐵人賽 Modern Web DAY 30
從 Open Source 專案學習 React 開發 － 以 lodestar-app 為例 系列 第 30 篇

技術 Review (2) & Endding

經歷漫長的日子，終於到了第三十天我們先短暫的回顧一下功能的部分 Review 在功能的部分我們看了專案三個功能分別是部落格、課程和結帳由於時間有限加上專案功能繁...

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

技術 30天React練功坊-攻克常見實務/面試問題 Day13: ExpensiveComponent re-render causing performance issue

tags: ItIron2023 react 前言 我們昨天用了一個簡單的例子告訴你useRef在哪些情況能派上用場，那並不會是我們唯一一次與useRef打交道...

windate3411 ‧ 2023-09-28
0 Like 0 留言 314 瀏覽
鐵人賽 Modern Web DAY 29
30 days of React 系列 第 29 篇

技術 Day 29 - React useEffect cleanup function 練習：製作電子時鐘

昨天我們學習了副作用相關的知識，並嘗試使用useEffect完成了一個小練習，但還沒有使用到cleanup function。今天要透過實作的練習來學習Clea...

yuu ‧ 2023-10-14 ‧團隊好想工作室 v7.0
0 Like 0 留言 314 瀏覽

技術 [NPM] hqchart 多語系

__locale(帶入語系) CN ,EN option.Language = __locale; var chart = HQChart.Chart.JS...

nlstudio ‧ 2024-03-19
0 Like 0 留言 313 瀏覽
鐵人賽 Modern Web DAY 10
30天React練功坊-攻克常見實務/面試問題 系列 第 10 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day10: useEffect got called twice with empty dependency array

tags: ItIron2023 react 前言 我們昨天看了一個useEffect在沒有處理好dependency array時發生的問題，今天讓我們再看一...

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

技術 【Day 17】想要避免多餘的渲染就用它？了解useCallback的最終目的

今天接著延續昨天的主題，來看另一個跟useMemo這個hook一樣都在進行緩存動作的hook，也就是useCallback。今天一樣會把焦點放在我們男主角Rea...

文科少女 ‧ 2023-09-23 ‧團隊曼陀號計畫V
0 Like 0 留言 311 瀏覽
鐵人賽 Modern Web DAY 5
react 學習記錄 系列 第 5 篇

技術 [Day5]我的 react 學習記錄 - react 是什麼

這篇文章的主要內容 簡單介紹一下 react 是什麼。 什麼是 React ? React 是由 Meta 團隊維護的開源 JavaScript Librar...

evan_hsu ‧ 2023-09-19
0 Like 0 留言 311 瀏覽
鐵人賽 Software Development DAY 24
Windows Driver + Electron 學習筆記 系列 第 24 篇

技術 Day24 Electron應用程式-4

實際建置Electron的開發環境後，可以發現範例中的UI是採用靜態的HTML產生，所以我們可以藉由不同的前端框架(如React、Vue等等)來做為UI的開發工...

CarterChu ‧ 2023-10-09
0 Like 0 留言 310 瀏覽
鐵人賽 Modern Web DAY 7
我們可以不要 component library 了嗎？ 系列 第 7 篇

技術 day07: Stack

對付大量等距間隔元件的排版專武，簡單好寫，值得擁有。搭配昨天做好的醬汁 SpaceWrapper 更是讓滋味變得妙不可言。 成品 原始碼（可試玩） 開發思路...

查理狐狐 ‧ 2022-09-18
0 Like 0 留言 309 瀏覽
鐵人賽 Modern Web DAY 13
react 學習記錄 系列 第 13 篇

技術 [Day13]我的 react 學習記錄 - react forwardRef & useImperativeHandle

這篇文章的主要內容 簡單介紹 react forwardRef 跟 useImperativeHandle forwardRef 上一篇介紹的 useRef...

evan_hsu ‧ 2023-09-27
0 Like 0 留言 308 瀏覽
鐵人賽 Modern Web DAY 26
React 走出新手村 系列 第 26 篇

技術 React 走出新手村 — Next SSR

SSR Next 的 SSR（Server-Side Rendering）的概念是在每個使用者請求時動態產生頁面內容，而不是提前產生靜態 HTML 頁面，這樣頁...

LucianoLee ‧ 2023-09-26
0 Like 0 留言 306 瀏覽
鐵人賽 Modern Web DAY 5
組裝前端開發工具箱，從 NX 入手 系列 第 5 篇

技術 加入 Tailwind

現在有了 MUI ，還有跟其相搭配的 emotion，樣式的調整上已經很方便了，但是目前 NextJS 已經開始預設使用 React Server Compon...

Jasper ‧ 2023-09-06 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐
1 Like 0 留言 306 瀏覽
鐵人賽 SideProject30 DAY 20
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 20 篇

技術 Day20：在 React 專案中使用 Firebase Authentication 實作會員管理(三)

除了使用電子郵件與密碼註冊以外，考量到有些使用者不喜歡管理太多組帳號、密碼，所以今天就將開通的 Google, Facebook 帳號註冊功能串接到網站裡吧！關...

Annie ‧ 2023-10-05
0 Like 0 留言 305 瀏覽
鐵人賽 Modern Web DAY 22
從Vue學React！不只要會用，還要真的懂～ 系列 第 22 篇

技術 【Day 22】 深層傳遞state！除了props還有其他方式 - proivde & inject和useContext

還記得前幾天有提到因為Vue和React都是以單向資料流為核心，所以資料的傳遞方向都必須是爺爺傳給爸爸，爸爸再傳給兒子嗎？雖然用props層層傳遞state，沒...

文科少女 ‧ 2023-09-28 ‧團隊曼陀號計畫V
0 Like 0 留言 304 瀏覽
鐵人賽 Modern Web DAY 3
React前端開發 - 安裝,coding ,架設 - ver. React 17以下 系列 第 3 篇

技術 Ch3. React.js html元件自生自滅

開始一個React的開發，請先看看你的專案內 package.json先看看自己是有甚麼功能已經在裡面了。可以檢查一下發現我們的react 是版本18.2.0...

rian1995 ‧ 2023-09-03
1 Like 0 留言 304 瀏覽
鐵人賽 自我挑戰組 DAY 1
初探全端之旅: 以MERN技術建立個人部落格 系列 第 1 篇

技術 [Day1]挑戰前言

緣由 個人擔任前端工程師有一小段時間，雖然工作上會了解到一些後端相關的觀念，但一直都沒有親自實作過。身為一個熱愛挑戰(自虐）的人，希望透過這次鐵人賽紀錄自己30...

Yihsuan ‧ 2023-09-16 ‧團隊Quokka In The Cloud
0 Like 0 留言 303 瀏覽
鐵人賽 Modern Web DAY 3
React前端開發 - 安裝,coding ,架設 - ver. React 17以下 系列 第 6 篇

技術 Ch6. React 全域參數, 函數傳遞

主架構建立 每個React網頁 都是由基礎價夠堆疊出來，對於使用者，只能看到結果 所以按照元件一層層嵌套下去，當然沒問題。但是如果最底層的按鈕要返回 他已經登出...

rian1995 ‧ 2023-09-08
0 Like 0 留言 303 瀏覽
鐵人賽 Software Development DAY 30
Windows Driver + Electron 學習筆記 系列 第 30 篇

技術 Day30 尾聲及整理

三十天，一個說長不長說短不短的時間，還真沒料到要連續三十天都發文章也不是一件容易的事情，原本今年是想報名自我挑戰組試試水溫，有了今年的經驗之後明年再來挑戰正式組...

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

技術 30天React練功坊-攻克常見實務/面試問題 Day28: Fetch all synonyms for given word(interview question)

tags: ItIron2023 react 前言 昨天我們完成了add emoji onclick的問題，額外用了幾個state以及timer去達到題目的要求...

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

技術 30天React練功坊-攻克常見實務/面試問題 Day12: Sometimes useState just not good enough

tags: ItIron2023 react 前言 昨天我們看了一個常見的race-condition問題並給出了三種主流的解決方案，今天我們放輕鬆一點，看一個...

windate3411 ‧ 2023-09-27
0 Like 0 留言 300 瀏覽
鐵人賽 Modern Web DAY 8
我們可以不要 component library 了嗎？ 系列 第 8 篇

技術 day08: Divider

在只使用原生 hr 元件的條件限制下，盡量還原出 MUI Divider 能做到的效果。 成品 展示 原始碼 開發思路 顏色 透過 props.o...

查理狐狐 ‧ 2022-09-19
0 Like 0 留言 300 瀏覽
鐵人賽 Modern Web DAY 15
30 days of React 系列 第 15 篇

技術 Day 15 - React 渲染：排隊任務

目前我們掌握了 React 渲染的機制，也就是渲染會經過的三個階段，也了解到在 re-rendering 的過程中發生了什麼事情。還沒完，今天要來學習「排隊任務...

yuu ‧ 2023-09-30 ‧團隊好想工作室 v7.0
0 Like 0 留言 299 瀏覽
鐵人賽 Modern Web DAY 23
連我阿公都會-手把手教你架網站 系列 第 23 篇

技術 【Day23】淺談 React.js（2）React動態生成

在上一天中，我們了解到React中的元件構成和基礎語法，今天，我們要一同探索的是 ── 更便捷的生成語法！ 動態生成 在介紹jQuery的篇章中我們曾提過，我...

ttdragon0722 ‧ 2023-10-08 ‧團隊最強資工大電神
0 Like 0 留言 298 瀏覽
鐵人賽 Modern Web DAY 25
react 學習記錄 系列 第 25 篇

技術 [Day25]我的 react 學習記錄 - Zustand

這篇文章的主要內容 簡單介紹全域管理工具 Zustand Zustand 現在 react 的相關套件裡面最使用最廣泛的全域管理工具應該是 Redux，在工作...

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

技術 [Day15]我的 react 學習記錄 - useReducer

這篇文章的主要內容 簡單介紹useReducer。 useReducer 當 state 較為複雜時可以透過 useReducer 來把更新狀態的邏輯一個個拆...

evan_hsu ‧ 2023-09-29
0 Like 0 留言 297 瀏覽

技術 # 在 Angular 中調用 React 庫

在Angular中可以調用React庫,但是,需要手動插入,所有寫法全部是以React為主,Angular中只負責傳入數據,這樣寫的很麻煩也很不優雅 這樣不妨...

wszgrcy ‧ 2024-04-09
0 Like 0 留言 297 瀏覽
鐵人賽 Modern Web DAY 1
Nextjs 13: 建構專屬於你的 SSR 網站！ 系列 第 1 篇

技術 [next 13] - Nextjs 13 簡介 & 選擇題目理由

前言 隔了一年，我又來鐵人賽挑戰自我啦！去年寫的是 React 的介紹，實際進入業界後發現 React 的生態系比自己想像的更廣更深，還有很多東西可以深挖。這次...

時雨 ‧ 2023-09-16
1 Like 0 留言 295 瀏覽
鐵人賽 SideProject30 DAY 21
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 21 篇

技術 Day21：在 React 專案中使用 Firebase Authentication 實作會員管理(四)

會員管理終於來到最終章，因為其他功能都是 CRUD，而且也因為 Firebase 將使用者認證這塊切得很細，所以花較多的篇幅來介紹。然而雖然使用者在註冊成功當下...

Annie ‧ 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邦幫忙