iT邦幫忙

react相關文章
共有 1744 則文章
1 Like 0 留言 4277 瀏覽
鐵人賽 Modern Web DAY 10
All In One NFT Website Development 系列 第 10 篇

技術 Day 10【連動 MetaMask - Login Flow & Extension Check】The strongest password ever.

【前言】終於要進到後端的部分啦！一樣先來看 Project 分析，這幾天的內容會環繞在第一步**「連動 MetaMask 系統」和第二步「並且得到當前登入者的...

ALu ‧ 2021-09-22 ‧團隊Obit0 Studio
1 Like 0 留言 1940 瀏覽
鐵人賽 Modern Web DAY 9
All In One NFT Website Development 系列 第 9 篇

技術 Day 9【錢包登入區 - Login Interface】你也想起舞嗎？

【前言】一如往常先來回顧一下 Day2 Project 分析的使用者流程。今天來做登入頁面，第三步的**「登入介面」，還有第四步的「登入成功畫面」**！因為之...

ALu ‧ 2021-09-21 ‧團隊Obit0 Studio
1 Like 0 留言 1983 瀏覽
鐵人賽 Modern Web DAY 8
All In One NFT Website Development 系列 第 8 篇

技術 Day 8【錢包登入區 - Loading Message】阿嬤為什麼妳有感覺？

【前言】一樣先來回顧一下 Day2 Project 分析的使用者流程，今天來做第二步的**「驗證帳號讀取時的 Loading 特效」**。我發現寫 React...

ALu ‧ 2021-09-20 ‧團隊Obit0 Studio
1 Like 0 留言 1998 瀏覽
鐵人賽 Modern Web DAY 7
All In One NFT Website Development 系列 第 7 篇

技術 Day 7【錢包登入區 - Login Button】Kitten or Ice Cream?

【前言】先來回顧一下 Day2 Project 分析的使用者流程，今天先來做第一步的 「登入按鈕」 吧！因為自己負責前端的部分並沒有很多，所以如果時間允許的話...

ALu ‧ 2021-09-19 ‧團隊Obit0 Studio
1 Like 0 留言 2523 瀏覽
鐵人賽 Modern Web DAY 6
All In One NFT Website Development 系列 第 6 篇

技術 Day 6【React】阿嬤妳怎麼沒感覺？

【前言】終於來到第一個大魔王了，突然感覺自己很像在打怪。等到開始打 Boss 才發現：「React 也太複雜了吧！」一堆大括號、中括號、小括號、Arrow F...

ALu ‧ 2021-09-18 ‧團隊Obit0 Studio
1 Like 0 留言 1964 瀏覽
鐵人賽 Modern Web DAY 7
用Jest和Enzyme來寫React測試吧!! 系列 第 7 篇

技術 【Day7】試著用JSX在頁面上渲染出Table吧٩(๑❛ᴗ❛๑)۶

前面在第四篇的時候有稍微說明JSX是什麼東西和有什麼優點， 這一篇我們要來試著使用JSX 在React裡面 來渲染出一個Table !! 在我們印象中的Tabl...

Ivy ‧ 2021-09-07
0 Like 0 留言 1428 瀏覽
鐵人賽 Modern Web DAY 6
用Jest和Enzyme來寫React測試吧!! 系列 第 6 篇

技術 【Day6】Props和States之間到底是什麼關係!? 怎麼傳怎麼用咧..? o_O ||

這篇要來談React的states跟Props States跟Props可以看作是React裡面的Attributes (參數) 這邊先來看小菜鳥畫的一張圖 ↓...

Ivy ‧ 2021-09-06
0 Like 0 留言 1533 瀏覽
鐵人賽 Modern Web DAY 5
用Jest和Enzyme來寫React測試吧!! 系列 第 5 篇

技術 【Day5】來了解一下Component的建立和使用方法吧!! ٩(●˙▿˙●)۶…⋆ฺ

React Component是什麼概念呢!? 就是很像把東西組成起來的元件 => 比如汽車的引擎、汽車的車殼、汽車的輪胎組成汽車 那網頁也是會分成很多的...

Ivy ‧ 2021-09-05
1 Like 0 留言 2534 瀏覽
鐵人賽 Modern Web DAY 4
用Jest和Enzyme來寫React測試吧!! 系列 第 4 篇

技術 【Day4】Eslint設定及JSX表達式介紹，乾淨整齊的程式碼才能使人輕鬆讀懂!(๑¯◡¯๑)

在說明JSX前，先來提一個規則 EsLint !! Eslint 是用來檢測Code的標準及是否違規,而這些規定其實可以在設定檔可以自行設定 為了讓我們...

Ivy ‧ 2021-09-04
1 Like 0 留言 2245 瀏覽
鐵人賽 Modern Web DAY 3
用Jest和Enzyme來寫React測試吧!! 系列 第 3 篇

技術 【Day3】React的基本結構與概念，地基打好才可以蓋房子R ʕ •̀ o •́ ʔ

React 簡單來說是由三個部分組成的 Components (元件) =>可以看作是組成網站的各個區塊 Props => 父類別向下傳的屬性 S...

Ivy ‧ 2021-09-03
1 Like 0 留言 4953 瀏覽
鐵人賽 Modern Web DAY 2
用Jest和Enzyme來寫React測試吧!! 系列 第 2 篇

技術 【Day2】VsCode相關套件安裝及建立React專案和React的小小介紹!!

上一篇有提到說，這次使用的IDE是超級好用的VsCode，相信各位看官們也都下載好了 安裝完畢，打開後會長這樣 ↓ 紅色的圈圈點下去就是可以下載套件的地方了...

Ivy ‧ 2021-09-02
2 Like 1 留言 2452 瀏覽
鐵人賽 Modern Web DAY 1
用Jest和Enzyme來寫React測試吧!! 系列 第 1 篇

技術 【Day1】下載VsCode來開啟我們的前端測試不歸路吧(╬•᷅д•᷄╬)

嗨各位看官們,對~又是我! 這是第二次參加鐵人賽,除了要檢視自己是不是有進步以外,也想把這一年來有學到的東西分享給大家 ! 上一屆鐵人賽寫了PHP後端框架-sy...

Ivy ‧ 2021-09-01
4 Like 3 留言 10361 瀏覽

技術 理解React的setState到底是同步還是非同步(下)

在上個月初的時候，偶然在IThelp看到這篇討論 setState後畫面沒有立即Render，決定趁自己有空的時候把相關的概念搞清楚。 以下內容是自己參考多份官...

Andy Chang ‧ 2021-08-06
3 Like 1 留言 6618 瀏覽

技術 理解React的setState到底是同步還是非同步(上)

在上個月初的時候，偶然在IThelp看到這篇討論 setState後畫面沒有立即Render，決定趁自己有空的時候把相關的概念搞清楚。 以下內容是自己參考多份官...

Andy Chang ‧ 2021-08-06
0 Like 0 留言 1951 瀏覽

技術 [ React ] 使用 Vitawind 1.2 來 建置 Vite + Tailwind JIT 專案

建立 Vite 專案 在你要放置專案的地方執行這個指令來建立 react 模板的 vite 專案 # npm 6 npm init vite [專案名稱] --...

搋兔 ‧ 2021-06-29
2 Like 0 留言 13135 瀏覽

技術 《賴田捕手：番外篇》第 37 天：用 Netlify 佈署前端網頁 (二)

《賴田捕手：番外篇》第 37 天：用 Netlify 佈署前端網頁 (二) 雖然他愛著所有的佈署方式，Netlify 老爹心裡有著特別中意的一種，那是他最年輕...

ithomemhjao ‧ 2021-06-20
0 Like 0 留言 11389 瀏覽

徵才 [台北] Web Application Developer

新場景股份有限公司為台灣第一家以網路垂直領域意見領袖（a.k.a 網紅）作為標籤的快銷品公司，公司成立於 2019 年，為新媒體網紅解決方案提供方 PressP...

Arco ‧ 2021-04-15
0 Like 0 留言 1728 瀏覽

技術 React源碼 commit階段詳解

點擊進入React源碼調試倉庫。 當render階段完成後，意味著在內存中構建的workInProgress樹所有更新工作已經完成，這包括樹中fiber節點的更...

nero ‧ 2021-02-19
0 Like 0 留言 2268 瀏覽

技術 梳理useEffect和useLayoutEffect的原理與區別

點擊進入React源碼調試倉庫。 React在構建用戶界面整體遵循函數式的編程理念，即固定的輸入有固定的輸出，尤其是在推出函數式組件之後，更加強化了組件純函數的...

nero ‧ 2021-02-16
0 Like 0 留言 2163 瀏覽

技術 React hooks 的基礎概念：hooks鏈表

當函數組件進入render階段時，會被renderWithHooks函數處理。函數組件作為壹個函數，它的渲染其實就是函數調用，而函數組件又會調用React提供的...

nero ‧ 2021-02-14
0 Like 0 留言 1514 瀏覽

技術 React和DOM的那些事-節點更新

點擊進入React源碼調試倉庫。 React的更新最終要落實到頁面上，所以本文主要講解DOM節點（HostComponent）和文本節點(HostText)的更...

nero ‧ 2021-02-13
0 Like 0 留言 1918 瀏覽

技術 React和DOM的那些事-節點新增算法

點擊進入React源碼調試倉庫。 本篇是詳細解讀React DOM操作的第二篇文章，文章所講的內容發生在commit階段。 插入DOM節點操作的是fiber節點...

nero ‧ 2021-02-11
0 Like 0 留言 1948 瀏覽

技術 React和DOM的那些事-節點刪除算法

點擊進入React源碼調試倉庫。 本篇是詳細解讀React DOM操作的第壹篇文章，文章所講的內容發生在commit階段。 Fiber架構使得React需要維護...

nero ‧ 2021-02-12
0 Like 0 留言 1399 瀏覽

技術 完全理解React的completeWork以及错误边界

點擊進入React源碼調試倉庫。 概述 每個fiber節點在更新時都會經歷兩個階段：beginWork和completeWork。在Diff之後（詳見深入理解R...

nero ‧ 2021-02-10
0 Like 0 留言 2842 瀏覽

技術 深入理解React Diff算法

點擊進入React源碼調試倉庫。 上壹篇React狀態計算解密 之後，我們來分析壹下Diff的過程。 fiber上的updateQueue經過React的壹番計...

nero ‧ 2021-02-09
0 Like 0 留言 1703 瀏覽

技術 React狀態計算解密

點擊進入React源碼調試倉庫。 概述 壹旦用戶的交互產生了更新，那麽就會產生壹個update對象去承載新的狀態。多個update會連接成壹個環裝鏈表：upda...

nero ‧ 2021-01-24
0 Like 0 留言 1531 瀏覽

技術 ReactFiber節點的更新入口：beginWork

React的更新任務主要是調用壹個叫做workLoop的工作循環去構建workInProgress樹，構建過程分為兩個階段：向下遍歷和向上回溯，向下和向上的過程...

nero ‧ 2021-01-23
1 Like 0 留言 1936 瀏覽

技術 React的秘密-原理解析第壹篇：核心概念

作為壹個構建用戶界面的庫，React的核心始終圍繞著更新這壹個重要的目標，將更新和極致的用戶體驗結合起來是React團隊壹直在努力的事情。為什麽React可以將...

nero ‧ 2021-01-22
2 Like 0 留言 1851 瀏覽

技術 React中的優先級

點擊進入React源碼調試倉庫。 UI產生交互的根本原因是各種事件，這也就意味著事件與更新有著直接關系。不同事件產生的更新，它們的優先級是有差異的，所以更新優先...

nero ‧ 2021-01-12
2 Like 1 留言 6229 瀏覽
鐵人賽 Modern Web DAY 30
從比入門再往前一點開始，一直到深入React.js 系列 第 30 篇

技術 【Day.30】React進階 - Styled-Components: React的CSS解決方案 | 系列總結

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

Andy Chang ‧ 2020-10-15
iThome鐵人賽
iThome鐵人賽
參賽組數
602 組
團體組數
30 組
累計文章數
4768 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 17th鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙