iT邦幫忙

react相關文章
共有 1742 則文章

技術 筆記|React - 5 - 在 JSX 裡寫 JS

☁️ 開場 這篇筆記主要整理自:官方文件 JavaScript in JSX with Curly Braces 🖋 如何在 JSX 寫 JS? 把要寫 JS...

技術 React-Router-Dom v6版本 與 舊版的差異範例

在網路上查找相關文章的時候,發現很多用法已經淘汰了,所以就自己整理這篇來當作筆記。 現在react-router-dom v6 版本改了很多,例如: 不再支援...

技術 筆記|React - 4 - JSX 語法糖

☁️ 開場 這篇筆記主要整理自:官方文件 Writing Markup with JSX 🌟 什麼是 JSX? JSX 是一種 JS 的 syntax ext...

技術 筆記|React - 3 - Export/Import 匯出、匯入元件

☁️ 開場 這篇筆記主要整理自:官方文件 Importing and Exporting Components 🚩 關於 Root Component 根元件...

技術 筆記|React - 番外 - React 如何控制 <input />

☁️ 背景脈絡 會想整理這篇筆記是因為在這篇官方文件的 Challenge 1 的程式碼遇到自己和同學當下都難以解釋的現象(以下會簡單解釋,但先觀看上方 cha...

技術 筆記|React - 2 - Component 元件

☁️ 開場 這篇筆記主要整理自:官方文件 Your First Component 🧩 什麼是 React Component? 可以想像成「建立起 UI 的積...

技術 筆記|React - 1 - 概覽

☁️ 背景脈絡 最近正透過閱讀官方文件為主,搭配 ALPHA camp、Udemy 學習 React,於是想再藉由二度整理筆記成 iT 文來加深印象,分享之於,...

技術 Nextjs: Hydration failed because the initial UI does not match what was rendered on the server

這是Reactv18開始有的問題,官方描述: While rendering your application, there was a difference...

技術 TypeScript X Class 學習筆記

筆者最近在學習 TypeScript 的 Class,覺得非常有趣,且學到了不少新的東西所以把幾個覺得不錯的語法做個筆記,跟大家分享如果文章中有任何錯誤都歡迎留...

技術 React Controlled and uncontrolled components 的前世今生

前陣子鐵人賽時有看到 Pjchender 有分享到 React 新舊官網在針對 Controlled and uncontrolled components 有...

技術 (自己回答自己)Re: 關於新手入門React+TypeScript遇到的困擾⋯

原篇發問網址在這:https://ithelp.ithome.com.tw/questions/10211232 前言這篇是我自己發問的,最後搞很久,才終於寫出...

技術 巴哈瀑布流 Side Project 開發筆記 -1:Side Project 主題發想

本系列文章將會把怎麼建構巴哈瀑布流、所有遇到的問題毫不保留全部紀錄 之前非本科菜雞如我,用 React 做了個失智列車網站,就去投了兩個前端實習(講白了整個...

徵才 【徵才/內湖】JAVA後端工程師/安卓工程師/react前端工程師/測試工程師

公  司:BITOP 區塊鏈資產交易平台上班時段:09:00~18:00 (每天可準時下班,基本不加班)地 點: 台北市內湖區 (美麗華附近 劍南路站旁)工作...

技術 [筆記 + 使用心得]React 18 的更新

React 18 在今年稍早推出了穩定版,聽說解決了很多長久以來的問題,所以花了點時間,體驗看看這些新功能,並且統整一下,寫成今天的文章 5 new Hooks...

鐵人賽 影片教學
150 分鐘學 React 系列 第 31

技術 第 30 天 [ 在 Github 上傳 React 、在 codesandbox 使用 React ]

今天的重點摘錄 上傳 Github 步驟: 連進你的 Github 創建一個儲存庫(如果你已經做好,可以跳過這步) 創建你的 React 專案(如果你已經做...

鐵人賽 影片教學
150 分鐘學 React 系列 第 30

技術 第 29 天 [ useReducer & useContext ]

今天的重點摘錄 useReducer 的特性: 提供初始值,與改變 State 的函式 能依據傳入不同的 action 值,用不同方式改變 State 可用...

鐵人賽 影片教學
150 分鐘學 React 系列 第 29

技術 第 28 天 [ Redux :傳參數、拆資料夾、 Redux DevTools ]

今天的重點摘錄 兩個以上的 reducer 不可寫 const store = createStore(AReducer, BReducer) ,要搭配 co...

鐵人賽 影片教學
150 分鐘學 React 系列 第 28

技術 第 27 天 [ Redux :介紹、安裝與使用 ]

今天的重點摘錄 官網: https://react-redux.js.org/introduction/getting-started#an-existing...

鐵人賽 影片教學
150 分鐘學 React 系列 第 27

技術 第 26 天 [ useRef ]

今天的重點摘錄 特性: 會回傳一個含有 current 的物件 可以操作 DOM 值被更新時,不會觸發元件重新渲染 能用來: 操作 DOM 阻止無限迴...

技術 Create-React-App 到 Vite: ESLint 環境架設

會有今天的文章是因為上次由 CRA 轉到 Vite 後(如果還沒有看文章的話,可以點這裡,發現原本的ESLint設定全部都不能用了,需要全部重新設定 這邊作為...

鐵人賽 Modern Web DAY 30

技術 Review (2) & Endding

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

鐵人賽 Modern Web DAY 30

技術 [Day30]用 React 讓網站動起來:完賽結語

React 系列到第三十篇了!終於要完賽了,感動~ 其實原本沒有想要參加鐵人賽的,因為六角學院的小組成員們說要參加,為了挑戰自己,也讓自己學習更多而參加。 會選...

鐵人賽 Modern Web DAY 30

技術 [Day 30] 一次打破 React 常見的的學習門檻與觀念誤解:系列文總結以及完賽感言

2024/2 更新 - 實體書平裝版本上市 在經過快要一年的努力後,本系列文的實體書版本推出了~其中新增並補充了許多鐵人賽版本中沒有的脈絡與細節,並以全彩印刷拉...

鐵人賽 影片教學 DAY 30
我讀你看 系列 第 30

技術 Thinking in React

前端有一大部分是要把 API 拿到的資料轉換成適合讓 UI render 的資料格式,今天用一個和官網稍微不同的方式來組出同樣的畫面內容,也可以分享看看,如果...

鐵人賽 Modern Web DAY 30

技術 【D30】 總結小工具

做個總和,就把所有整合在一起,就把之前 Day11 、 Day18 和 Day28 的 component 放在一起吧! 修改 index.js import...

鐵人賽 Modern Web DAY 30
開始搞懂React生態系 系列 第 30

技術 Day 30 React 技術選型及總結

React 技術選型 使用 React 完成真實世界中的複雜應用,主要需要評估的技術選型如下 專案的 CSS 選擇方案 專案會使用到的 React Hooks...

鐵人賽 自我挑戰組 DAY 30
30 天快快樂樂學 Rust 系列 第 30

技術 Rust x React

終於到最後一天了,看到這篇文章覺得很有趣,所以今天我們來玩一下 Rust 跟 React 的結合吧! 開始專案 首先我們先建立一個新的專案,這邊我們使用 cre...

鐵人賽 Modern Web DAY 30

技術 你是什麼人,適合怎麼看?—範例的程式碼、文章分類索引、結語

前言 最後一天我將文章分類成幾種類型已經幫你整理好分類了,如果想要快速索引就將捲軸捲到特地區域觀看該系列文章就好。 循序漸進式系列 搭配官方文件和所有文章可...

鐵人賽 影片教學 DAY 29
我讀你看 系列 第 29

技術 [React] You Might Not Need an Effect: Part 2

延續昨天的內容~ 閱讀文章:You Might Not Need an Effect @ React Docs beta

鐵人賽 Modern Web DAY 29

技術 【D29】 CSS in JS:嘗試讓 React 有變化

何謂 CSS in JS 在之前的範例中,已經把 React 分成一個一個模組(我們的身分證製造機還沒有分好XD),這樣可達到元件、功能變成模組化。既然 HTM...