iT邦幫忙

react相關文章
共有 1744 則文章
0 Like 0 留言 1649 瀏覽
鐵人賽 Modern Web DAY 19
用Jest和Enzyme來寫React測試吧!! 系列 第 19 篇

技術 【Day19】用Bootstrap和Fontawesome來刻我們的計數器吧 (´∀`)!!

我們先來畫我們的計數器吧! 為了讓我們的計數器精美一點點點， 我們先來安裝React的fontAwesome(一些icon)和React的bootstrap吧!...

Ivy ‧ 2021-09-19
0 Like 0 留言 3129 瀏覽
鐵人賽 Modern Web DAY 4
用React刻自己的投資Dashboard 系列 第 4 篇

技術 用React刻自己的投資Dashboard Day4 - highcharts製作線圖

tags: 2021鐵人賽 React Javascript繪圖套件 在搜尋chart library的時候，發現JS可以用的library很多，包含 D3.j...

Sean Liu ‧ 2021-09-19
1 Like 0 留言 2574 瀏覽
鐵人賽 Modern Web DAY 6
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 6 篇

技術 【Day06】數據輸入元件 - FormControl

元件介紹 FormControl 讓我們可以將 form input 所需要的共同前後文特性獨立出來管理，使被 control 的子元件之間的樣式能夠保持一致性...

Taiming ‧ 2021-09-19 ‧團隊董事長清潔隊
1 Like 0 留言 2312 瀏覽
鐵人賽 Modern Web DAY 3
用React刻自己的投資Dashboard 系列 第 3 篇

技術 用React刻自己的投資Dashboard Day3 - React專案初始架構

tags: 2021鐵人賽 React 使用 Creat react app 對於React的初學者來說，create react app是最好的朋友，可以快速...

Sean Liu ‧ 2021-09-18
0 Like 0 留言 1135 瀏覽
鐵人賽 Modern Web DAY 3
React.js 職場實戰！最常見的需求與解法！ 系列 第 3 篇

技術 React.js 職場實戰！圖片 Infinite List

一天的開始 還記得嗎？你是負責 Imager 的前端工程師，上次做了 Lazy Loading 改善了資源浪費的問題，公司對你的表現非常的滿意。 但有幹勁的你...

Harry 哈利 ‧ 2021-09-18 ‧團隊拒絕奴性的網友
0 Like 0 留言 1267 瀏覽
鐵人賽 Modern Web DAY 18
用Jest和Enzyme來寫React測試吧!! 系列 第 18 篇

技術 【Day18】在使用者模式移除data-test屬性，淺談React Hook (•‿•)

上一篇有提到，我們可以在使用者模式(Production mode)將屬性隱藏起來不讓使用者看到。 首先~我們先來安裝一個babel套件 npm install...

Ivy ‧ 2021-09-18
0 Like 0 留言 823 瀏覽
鐵人賽 Modern Web DAY 3
關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列 第 3 篇

技術 [Day 3]專案始動(前端篇)

到底該為一路順暢沒出Bug高興還是遇到難題花時間克服狂喜，都幾 來啟動專案囉，使用的IDE為VScode，為什麼不是WebStrom呢，我開發後端都會選擇Je...

Moscle.dev ‧ 2021-09-18
0 Like 0 留言 6063 瀏覽
鐵人賽 Modern Web DAY 5
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 5 篇

技術 【Day05】數據輸入元件 - Input Text / Text Field

元件介紹 Input 是一個輸入元件。通常在我們希望用戶能夠輸入一些資訊的時候會需要用到它。由於原生 html 的 input 透過 type 這個屬性的改變，...

Taiming ‧ 2021-09-18 ‧團隊董事長清潔隊
0 Like 1 留言 2817 瀏覽
鐵人賽 Modern Web DAY 2
製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～ 系列 第 2 篇

技術 #02 No-code 之旅 — Next.js 簡介

大家星期五快樂！TGIF～ 今天想跟大家分享 Next.js 這個 React 框架 (官網寫 "The React Framework for Pr...

Jade ‧ 2021-09-17
0 Like 0 留言 1739 瀏覽
鐵人賽 Modern Web DAY 2
React.js 職場實戰！最常見的需求與解法！ 系列 第 2 篇

技術 React.js 職場實戰！圖片 Lazy Loading

一天的開始 你是新創公司 Imager 底下的前端工程師，Imager 提供的服務非常簡單，就是能在網頁瀏覽各式各樣的圖片，網頁已經上線並正常的運作中，我們來...

Harry 哈利 ‧ 2021-09-17 ‧團隊拒絕奴性的網友
5 Like 0 留言 7467 瀏覽
鐵人賽 Modern Web DAY 2
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 2 篇

技術 Day02 X 為什麼要在前端做效能優化？

大家好！雖然今天是 Day 2，不過嚴格來說是系列文的第一天。今天要來談談「為什麼我們需要在前端做效能的優化？」，也許內容會比較乏味，然而在執行一件事情前先釐...

莫力全 Kyle Mo ‧ 2021-09-17 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 2220 瀏覽
鐵人賽 Modern Web DAY 2
用React刻自己的投資Dashboard 系列 第 2 篇

技術 用React刻自己的投資Dashboard Day2 - 網站Wireframe設計

tags: 2021鐵人賽 React 投資Dashboard內容設計 要實際動手製作wireframe之前，先來規劃一下圖表的內容有什麼，一般來說，投資相關的...

Sean Liu ‧ 2021-09-17
0 Like 0 留言 2060 瀏覽
鐵人賽 Modern Web DAY 4
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 4 篇

技術 【Day04】數據輸入元件 - Checkbox

元件介紹 Checkbox 是一個多選框元件。通常使用情境是在一個群組的選項當中進行多項選擇時使用。 參考設計 & 屬性分析 checked 屬性 ch...

Taiming ‧ 2021-09-17 ‧團隊董事長清潔隊
0 Like 0 留言 1232 瀏覽
鐵人賽 自我挑戰組 DAY 3
React 學習之路 系列 第 3 篇

技術 Render Element（Day3）

建立 React 應用程式最小的單位是 element。 —— React 文件 這句話好像可以有兩種意思， 在元件裡面只放一個 element，為 Re...

Jim in the Gym ‧ 2021-09-17
1 Like 0 留言 699 瀏覽
鐵人賽 Modern Web DAY 1
React.js 職場實戰！最常見的需求與解法！ 系列 第 1 篇

技術 React.js 職場實戰！最常見的需求與解法！ — 前言

哈囉！我是 Harry，這次想和大家分享的是前端工程師的「工作日常」，我們可能會接到什麼需求，又該如何完成需求，這些都是工程師再熟悉不過的日常生活。 如果你想...

Harry 哈利 ‧ 2021-09-16 ‧團隊拒絕奴性的網友
7 Like 1 留言 8762 瀏覽
鐵人賽 Modern Web DAY 1
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 1 篇

達標好文 技術 Day 01 X 系列文大綱

大家好，我是 Kyle，大家也可以叫我老莫，這次是連續第三年參加 iT 邦幫忙鐵人賽了，每次都說太累了明年絕對不比了，結果活動頁一出來還是覺得很熱血就又報名了...

莫力全 Kyle Mo ‧ 2021-09-16 ‧團隊StarBugs 星巴哥技術週刊
1 Like 1 留言 2690 瀏覽
鐵人賽 Modern Web DAY 1
用React刻自己的投資Dashboard 系列 第 1 篇

技術 用React刻自己的投資Dashboard Day1 - 前言

tags: 2021鐵人賽 React 系列文想法來源 因為筆者本身在金融業工作，日常生活中時常關注一些投資相關的數據，例如：總體經濟數據、個股財務報告、加密貨...

Sean Liu ‧ 2021-09-16
0 Like 0 留言 4023 瀏覽
鐵人賽 Modern Web DAY 3
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 3 篇

技術 【Day03】數據輸入元件 - Radio

元件介紹 Radio 是一個單選框元件。讓我們在一組選項當中選擇其中一個選項。當我們的情境是希望用戶可以一次看到所有選項時，可以使用 Radio Button。...

Taiming ‧ 2021-09-16 ‧團隊董事長清潔隊
0 Like 0 留言 681 瀏覽
鐵人賽 Modern Web DAY 1
前端日常，每天 React 一下 系列 第 1 篇

技術 【Day00】系列文概述 & 目錄

連載動機 藉由 30 天筆記，將學習 React 相關的知識整理起來，以便日後回頭參照。 主要參考來源為官方網站，並搭配各路大神的文章整理成筆記。 預計內容如下...

Emi ‧ 2021-09-16
0 Like 0 留言 2433 瀏覽
鐵人賽 Modern Web DAY 2
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 2 篇

技術 【Day02】數據輸入元件 - Switch

元件介紹 Switch 元件是一個開關的選擇器。在我們表示開關狀態，或兩種狀態之間的切換時，很適合使用。根據 Antd 的說明，這個元件和 checkbox 其...

Taiming ‧ 2021-09-15 ‧團隊董事長清潔隊
1 Like 2 留言 7855 瀏覽
鐵人賽 Modern Web DAY 1
30 天擁有一套自己手刻的 React UI 元件庫 系列 第 1 篇

技術 【Day01】數據輸入元件 - Button

參賽前言 第一次參賽是 2019鐵人賽(連結)，也是剛接觸 React 不久，透過那次真的覺得收穫良多。雖然參加完有種這輩子除非瘋了，不然絕不可能參加第二次的心...

Taiming ‧ 2021-09-14 ‧團隊董事長清潔隊
0 Like 0 留言 1610 瀏覽
鐵人賽 Modern Web DAY 12
用Jest和Enzyme來寫React測試吧!! 系列 第 12 篇

技術 【Day12】建立React專案並安裝Jest，來跑跑看第一個測試吧 -`д´-!

首先!! 我們要先來建立一個React專案 執行以下指令來建立專案 npx create-react-app 專案名稱 如果不是用上述指令來建立專案的話...

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

技術 【Day10】會襄在DOM上面的Ref (•ิ_•ิ)?

Ref 其實就是 Reference(參考)的意思，也就是傳值和傳址裡面的址 (參考位址) 我們的Ref 是會襄在DOM上面的，目的是可以拿取、參照DOM相對應...

Ivy ‧ 2021-09-10
2 Like 0 留言 7375 瀏覽
鐵人賽 Modern Web DAY 15
All In One NFT Website Development 系列 第 15 篇

技術 Day 15【web3.js】一袋米要扛幾樓

【前言】這兩天的文章都是 web3.js 的學習筆記，大部分內容都來自他們的官方文件！之後還會有 ethers.js 的學習筆記。然後延伸探討到底要使用什麼方...

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

技術 Day 14【連動 MetaMask - Front-End Request and Fetch】Modern problems require modern solutions

【前言】嗨嗨感謝大家願意看到這裡，接下來要說的是前端的呼叫以及資料傳遞。今天的內容大部份都參考來自 Amaury Martiny 的 One-click Lo...

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

技術 Day 13【連動 MetaMask - Back-End Services】這顯然是廠商的疏失

【前言】諸君日安，大魔王要出現啦！接下來要說的是Nonce 的使用、前後端連動，以及帳戶驗證。今天的內容大部份都參考來自 Amaury Martiny 的 O...

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

技術 Day 12【連動 MetaMask - Backend & Init】277353

【前言】大家安安，今天的主題經過 MetaMask 強大的功能之後其實是可以省略的。開玩笑的，反正不管怎樣我都要把這個系統做到最好！接下來要說的是後端架設、基...

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

技術 Day 11【連動 MetaMask - Pop Up & Login Detection】Can`t use current password.

【前言】嗨嗨大家好，今天的主題延續昨天的檢測是否已經安裝插件後，緊接著而來的是 MetaMask 的彈出頁面以及檢測登入者是否更換帳戶。今天的內容大部份都參考...

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

技術 【Day9】React Proptype的驗證及套用方法看這裡 ! ٩(●˙▿˙●)۶…⋆ฺ

如果我們想要強迫傳來的Prop是某種型態或是強迫某個Prop一定要被傳入的話， 我們可以使用PropType這個Reactj外部套件來作驗證 首先呢先來執...

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

技術 【Day8】 將Function當成state傳給子類別套用在事件上吧≖‿≖

相信各位看官們很熟悉各種Html的Events事件，這篇呢~我們要透過上一篇所提到的State傳入子類別的方式套用再Event上面! 首先，我們先在Com...

Ivy ‧ 2021-09-08
iThome鐵人賽
iThome鐵人賽
參賽組數
601 組
團體組數
30 組
累計文章數
4759 篇
最後報名日
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邦幫忙