iT邦幫忙

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

技術 Day30：完賽不是終點，而是另一個起點

是的，如同標題所說，目前專案確實完成度沒有很高，但無論進度如何，今天就在挑戰的最後一天進行部屬吧！ 如何使用 Vercel 部屬 進到 Vercel 官網註冊...

Annie ‧ 2023-10-15
0 Like 0 留言 2158 瀏覽
鐵人賽 Modern Web DAY 30
前端開發之那些我會的與我不會的技術 系列 第 30 篇

技術 React測試入門攻略：使用Vitest、React Testing Library和Mock Service Worker

今天要來介紹的是React的測試，原本是打算使用React Testing Library和Jest的組合，但是我之前只有在create react app建構...

ss95159 ‧ 2023-10-15
0 Like 0 留言 752 瀏覽
鐵人賽 Software Development DAY 30
Windows Driver + Electron 學習筆記 系列 第 30 篇

技術 Day30 尾聲及整理

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

CarterChu ‧ 2023-10-15
1 Like 0 留言 531 瀏覽
鐵人賽 SideProject30 DAY 29
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 29 篇

技術 Day29：當顧客開始訂位

倒數2天，把握時間繼續努力！ 製作月曆元件 昨天製作了顧客視角的服務項目詳細頁後，今天依照原先的 Wireflame 設計線稿，刻出可供預約的日期時段區塊，這部...

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

技術 30天React練功坊-攻克常見實務/面試問題 Day29: Simple Tic-Tac-Toe game(interview question)

tags: ItIron2023 react 前言 我們昨天處理了一個實務上常見的面試問題，要你根據某份提供的api文件以及一些指示完成題目的要求，今天我們再來...

windate3411 ‧ 2023-10-14
0 Like 0 留言 731 瀏覽
鐵人賽 Software Development DAY 29
Windows Driver + Electron 學習筆記 系列 第 29 篇

技術 Day29 Electron應用程式-9

能夠間隔讀取CPU風扇轉速後，我們的Electron應用程式基本的功能就完成了，但是UI的呈現略顯單調。由於我們是基於React來開發UI，所以可以使用既有的U...

CarterChu ‧ 2023-10-14
0 Like 0 留言 730 瀏覽
鐵人賽 Modern Web DAY 30
react 學習記錄 系列 第 30 篇

技術 [Day30]我的 react 學習記錄 - 結束啦！

結束了！ 今天就是最後一天了，終於結束了！！！ 自己在年初的時候給自己下了一個目標，希望可以參加今年的 IT 鐵人賽，並且順利完賽。 想不到這個目標真的達成了...

evan_hsu ‧ 2023-10-14
0 Like 0 留言 912 瀏覽
鐵人賽 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 留言 643 瀏覽
鐵人賽 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 0 留言 664 瀏覽
鐵人賽 SideProject30 DAY 28
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 28 篇

技術 Day28：React 與 Firebase 的 CRUD 串接(二)

店家新增完服務項目後，顧客就可以開始查看預約了！所以今天將開發重點放在顧客角度會看到的頁面都實作完成。 組裝列表頁面(顧客視角) 串接讀取文件的 API i...

Annie ‧ 2023-10-13
0 Like 0 留言 1441 瀏覽
鐵人賽 Modern Web DAY 28
前端開發之那些我會的與我不會的技術 系列 第 28 篇

技術 網站埋碼、Google Tag Manager以及dataLayer的指南

到了這系列的尾聲，要來分享一下埋碼的基礎設定與使用，不管是廣告追蹤碼、數據分析用還是A/B測試程式碼，這些都是開發到了後期常常需要做的工作，這些程式碼讓我們在網...

ss95159 ‧ 2023-10-13
0 Like 0 留言 485 瀏覽
鐵人賽 Software Development DAY 28
Windows Driver + Electron 學習筆記 系列 第 28 篇

技術 Day28 Electron應用程式-8

昨天成功在Electron應用程式使用動態連結函庫讀取CPU風扇轉速，但這個轉速數值只會在Electron應用程式UI載入後更新一次，之後就會維持同樣的轉速數值...

CarterChu ‧ 2023-10-13
0 Like 0 留言 874 瀏覽
鐵人賽 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 留言 581 瀏覽
鐵人賽 Modern Web DAY 28
30 days of React 系列 第 28 篇

技術 Day 28 - React useEffect 基礎：Focus a field on mount 實作練習

今天讀完了 React 官方文件的 Synchronizing with Effects 的章節，初步學習了 Effects 的相關知識，透過實作來練習和理解觀...

yuu ‧ 2023-10-13 ‧團隊好想工作室 v7.0
0 Like 0 留言 674 瀏覽
鐵人賽 Modern Web DAY 27
30天React練功坊-攻克常見實務/面試問題 系列 第 27 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day27: Add emojis to the page onclick PartII(interview question)

tags: ItIron2023 react 前言 我們昨天做了一個還算有趣的問題，利用state控制整個emoji陣列並決定每個組件要在螢幕的哪處渲染，今天我...

windate3411 ‧ 2023-10-12
1 Like 0 留言 581 瀏覽
鐵人賽 SideProject30 DAY 27
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 27 篇

技術 Day27：React 與 Firebase 的 CRUD 串接(一)

倒數第4天的挑戰，是完成一套新增讀取編輯刪除(CRUD)的頁面組裝與串接，話不多說直接開始！ 組裝列表頁面(店家視角) 串接讀取文件的 API import...

Annie ‧ 2023-10-12
0 Like 0 留言 453 瀏覽
鐵人賽 自我挑戰組 DAY 28
初探全端之旅: 以MERN技術建立個人部落格 系列 第 28 篇

技術 [Day28] 使用者頁面和更新使用者資料開發

大綱 使用者頁面開發 更新使用者資料 1. 使用者頁面開發 Wireframe 建立檔案 一樣先在pages資料夾底下建立Profile.js在這個頁面...

Yihsuan ‧ 2023-10-13 ‧團隊Quokka In The Cloud
0 Like 0 留言 798 瀏覽
鐵人賽 Software Development DAY 27
Windows Driver + Electron 學習筆記 系列 第 27 篇

技術 Day27 Electron應用程式-7

昨天簡單介紹了node-ffi-npi的基本概念，今天要實際使用node-ffi-npi來呼叫我們動態連結函庫內的函式。 首先安裝node-ffi-npi：...

CarterChu ‧ 2023-10-12
0 Like 0 留言 1476 瀏覽
鐵人賽 Modern Web DAY 27
前端開發之那些我會的與我不會的技術 系列 第 27 篇

技術 React Router Dom：輕鬆掌握前端路由

今天要來介紹的是react-router-dom這個套件，它用來模擬換頁的一套路由工具，讓我們可以使用它來完成Single Page Application(S...

ss95159 ‧ 2023-10-12
0 Like 0 留言 498 瀏覽
鐵人賽 自我挑戰組 DAY 27
初探全端之旅: 以MERN技術建立個人部落格 系列 第 27 篇

技術 [Day27]文章內容頁開發

大綱 1.文章內容頁開發2.編輯文章功能開發 1. 文章內容頁開發 Wireframe 先在pages資料夾底下建立BlogPost.js //BlogPos...

Yihsuan ‧ 2023-10-12 ‧團隊Quokka In The Cloud
0 Like 0 留言 428 瀏覽
鐵人賽 Modern Web DAY 27
30 days of React 系列 第 27 篇

技術 Day 27 - React Ref 實作練習

今天讀了官方文件 Ref 相關的二篇文章，內容是 Referencing 和透過 Ref 操作 DOM，來透過實作練習看看。 改變影片播放速度的練習 現有程式碼...

yuu ‧ 2023-10-12 ‧團隊好想工作室 v7.0
2 Like 0 留言 452 瀏覽
鐵人賽 SideProject30 DAY 26
Laravel 擴展宇宙：從 1 到 100 十倍速打造產品獨角獸 系列 第 26 篇

技術 #25 讓 Notification 時時刻刻聯繫你的使用者 (2/2)

在昨天的文章中，我們已經將基本的 workflow 設定完成，並且完成 email 寄送的測試了，今天就要來試試看 Novu 提供的 In-App 這個可以使...

Bill ‧ 2023-10-11 ‧團隊所以隊名要叫什麼
1 Like 0 留言 1710 瀏覽
鐵人賽 SideProject30 DAY 26
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 26 篇

技術 Day26：實作 Firebase Authentication 電話驗證(二)

接續上一篇文章，繼續將 Firebase Authentication 電話驗證的串接完成！ 關於 Firebase Authentication 的電話驗證...

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

技術 30天React練功坊-攻克常見實務/面試問題 Day26: Add emojis to the page onclick(interview question)

tags: ItIron2023 react 前言 我們昨天做了一個簡單的pagination題目，大致上了解一般實務是如何處理這類的情況，包含loading...

windate3411 ‧ 2023-10-11
0 Like 0 留言 909 瀏覽
鐵人賽 Modern Web DAY 26
前端開發之那些我會的與我不會的技術 系列 第 26 篇

技術 React中使用CSS的三種方式：CSS Modules、styled-components和Tailwind

終於來到了比較不一樣的主題CSS，這篇會較紹在React使用CSS的幾種方式 CSS Modules styled-components Tailwind...

ss95159 ‧ 2023-10-11
0 Like 0 留言 755 瀏覽
鐵人賽 Modern Web DAY 28
react 學習記錄 系列 第 28 篇

技術 [Day28]我的 react 學習記錄 - immer

這篇文章的主要內容 簡單介紹 immer。 Immer 在 react 專案裡面我們會希望可以確保所有狀態都是 immutable 的，盡量去避免直接操作現有...

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

技術 [Day27]我的 react 學習記錄 - react hook form

這篇文章的主要內容 簡單介紹 react hook form react hook form 今天要來簡單介紹處理表格輸入跟驗證的好幫手 react hook...

evan_hsu ‧ 2023-10-11
0 Like 0 留言 1879 瀏覽
鐵人賽 自我挑戰組 DAY 26
初探全端之旅: 以MERN技術建立個人部落格 系列 第 26 篇

技術 [Day26]發布文章頁面開發和React Quill使用

大綱 Wireframe Quill.js介紹 發布文章頁面開發 1. Wireframe 2. Quill.js介紹 Quill 是一個開源且極具彈性...

Yihsuan ‧ 2023-10-11 ‧團隊Quokka In The Cloud
0 Like 0 留言 1786 瀏覽
鐵人賽 Software Development DAY 26
Windows Driver + Electron 學習筆記 系列 第 26 篇

技術 Day26 Electron應用程式-6

我們先前有產生出讀取環控晶片的動態連結函庫，但是在Electron應用程式中並不能像Windows console application一樣直接引入使用。要在...

CarterChu ‧ 2023-10-11
0 Like 0 留言 584 瀏覽
鐵人賽 Modern Web DAY 26
30 days of React 系列 第 26 篇

技術 Day 26 - React 基礎實作練習：追加購物清單

今天要來製作購物清單，透過這個練習我們可以複習 Lifting State Up 的觀念。先來看目前的程式碼： App.js import React fr...

yuu ‧ 2023-10-11 ‧團隊好想工作室 v7.0
iThome鐵人賽
iThome鐵人賽
參賽組數
473 組
團體組數
18 組
累計文章數
3944 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 17th鐵人賽 2017鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙