iT邦幫忙

react相關文章
共有 562 則文章
鐵人賽 Software Development DAY 28

技術 [Day28] 操作大量資料的好幫手 ─ 迭代器(Iterator) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天要介紹最後一個模式了 真的是...太開心啦! 今天是澎湖遊最後一天,還是一樣跟大家分享個照片~ 最想念的應該是漂亮的海水跟夕...

鐵人賽 Modern Web DAY 29

技術 [DAY29] 多 DOM 的動畫之我等了這篇 29 天之我完全不介意

我想說的是: 其實基礎的多個 DOM 的動畫,跟一個差不多 多個的就是專業的部分,我不清楚 上一篇中已經可以控制一個 DOM 元素的動畫效果 而想控制多個動...

鐵人賽 Modern Web DAY 26

技術 [Day 26 - 即時天氣] 切換顯示不同頁面 - 子層組件修改父層組件資料狀態的方式

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Software Development DAY 27

技術 [Day27] 為厲害的怪獻上會心一擊 ─ 策略(Strategy) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 今天是澎湖遊 Day3,先來分享個照片吧~ 南海跳島之旅+海洋牧場get開牡蠣技能 晚上參加大人們的喝喝大會 充實的一天~...

鐵人賽 Modern Web DAY 28

技術 [DAY28] React 動畫動得非常厲害

我想說的是: 動畫好酷炫耶,以前完全沒用過就跑來寫後端 react-transition-group 真的很厲害 看完之後...我還是不會想寫前端耶 用 t...

鐵人賽 Modern Web DAY 26

技術 Day 26 - React Router And Link

上一章 Day 25 - React Fetch 向後端API請求資料(2) React 導頁與控制使用 react-router-dom 安裝的話只要按CTR...

鐵人賽 Modern Web DAY 25

技術 [Day 25 - 即時天氣] 自己的鉤子自己做 - 建立 Custom Hook

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 27

技術 [DAY27] 如果你快樂就拍拍手之在 react 使用動畫效果之基於 CSS

我想說的是: 其實使用起來也是很簡單,但是對於 react 本身的操作要夠熟悉 最近買了薩爾達織夢島,有點太投入 整個早上都在玩,本來早上就該發文的 這一篇...

鐵人賽 Modern Web DAY 30

技術 Day30 | Component 後, TypeScript 的定位在哪?

前言 這三十天內,我們學習了 React 及 TypeScript 的基本用法,最後一天想和大家聊聊,筆者是怎麼在專案中使用 TypeScript 的,或許有些...

鐵人賽 Modern Web DAY 30

技術 Day29 | 最強聯名款 TSX 上市-ESLint 篇

前言 ESLint 一直是我們打程式的重要指標,它不但能夠替我們檢查語法風格中的問題,也避免某些問題可能會造成的程式錯誤,所以如果 ESLint 無法在 Typ...

鐵人賽 Software Development DAY 26

技術 [Day26] 為厲害的怪獻上會心一擊 ─ 策略(Strategy) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天是澎湖遊 Day2,先來分享個照片吧~ 從民宿就能看到海景 情境描述 佐藤和肥是在異世界奮鬥多年的冒險者。雖然他的同伴們...

鐵人賽 Modern Web DAY 25

技術 Day 25 - React Fetch 向後端API請求資料(2)

Day 24 - React Fetch 向後端API請求資料(1) 上一章實作了Fetch API獲取Member資料 今天我們要拿證照跟廠商資料 Certi...

鐵人賽 Modern Web DAY 24

技術 Day 24 - React Fetch 向後端API請求資料(1)

Day 23 - AJAX 與 Fetch API 上一章介紹了AJAX與Fetch API, 還有其使用方式 我們今天來實作看看 新增Member.js im...

鐵人賽 Modern Web DAY 24

技術 [Day 24 - 即時天氣] 跟風一下,在 React 中透過 Emotion 實作深色主題!

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 26

技術 [DAY26] 今天天氣怎樣?等等我打一下 API 再跟你說

我想說的是 API 串接範例練習,就是這麼簡單 上一篇中安裝了 axios 於是我們就準備好了工具 接下來要做練習,試試看實際執行的結果 我們先直接在 Ma...

鐵人賽 Software Development DAY 25

技術 [Day25] 每個人都要訂閱的颱風假最新通知 ─ 觀察者(Observer) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 晚上就要準備搭去澎湖啦! 接下來四天阿肥會提醒自己 醒來的第一件事不是衝去看海 是趕快PO文! 定義各種介面 Data 我們先...

鐵人賽 Modern Web DAY 29

技術 Day28 | 最強聯名款 TSX 上市-SCSS 篇

前言 本篇進入到導入 SCSS,但因為 TypeScript 的特性,導致 SCSS 還要再經過一層封裝,才有辦法被讀到 .tsx 中,詳細做法會在文中說明!...

鐵人賽 Modern Web DAY 25

技術 [DAY25] 打來打去之 API 又要挨打之套件安裝方法之 npm 安裝方法學問多

我想說的是 在 React 裡面操作 ajax 可以使用 Axios 來達成 使用 --save 安裝,會將指定套件加入依賴列表,未來可快速建立相同開發環境...

鐵人賽 Modern Web DAY 23

技術 [Day 23 - 即時天氣] 實作資料載入中的提示狀態

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 23

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day22 - 與 React 共舞

練習目標 React 有個套件叫做 reactstrap ,它可以讓開發者在 React 專案裡很方便的去使用 Bootstrap 的元件。 而安裝 react...

鐵人賽 Modern Web DAY 23

技術 Day 23 - AJAX 與 Fetch API

上一章 Day 22 - React 第一個Component AJAX AJAX是以XMLHttpRequest(XHR)物件為主要核心的實作, 用於從客...

鐵人賽 Software Development DAY 24

技術 [Day24] 每個人都要訂閱的颱風假最新通知 ─ 觀察者(Observer) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天上班 發現好多人沒來 今年的最後一個連假 終於要來啦! 情境描述 不管是上班族還是學生,除了關心國定假日放哪幾天、接下來有...

鐵人賽 Modern Web DAY 28

技術 Day27 | 最強聯名款 TSX 上市-Babel、Webpack、Jest 篇

前言 進到入最後一個章節,本篇章開始會持續說明如何將 TypeScript 導入 React 專案裡,最後會再和大家介紹筆者怎麼在專案裡運用 TypeScrip...

鐵人賽 Modern Web DAY 22

技術 [Day 22 - 即時天氣] 讓白天和晚上使用不同天氣圖示

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 24

技術 [DAY24] 活用生命週期的奧秘之提升效能

我想說的是 使用 shouldComponentUpdate() 來優化組件效能 前幾天中我們已經對 React 生命週期有了基本的認識 那跟提高組件的性能...

鐵人賽 Software Development DAY 23

技術 [Day23] 打造輕鬆編輯的顏文字編輯器吧! ─ 命令(Command) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 這禮拜四開始就連假啦! 希望有小天使可以幫我生完所有進度 定義 Command 的 介面與抽象類別 我們先以 interfac...

鐵人賽 Modern Web DAY 22

技術 Day 22 - React 第一個Component

上一章 Day 21 - React 什麼是Component? 生命週期? 今天來寫我們的第一個Component 先從網頁的導覽列開始 在專案底下新增MyN...

鐵人賽 Modern Web DAY 21

技術 [Day 21 - 即時天氣] 處理天氣圖示以及 useMemo 的使用

感謝 iT 邦幫忙與博碩文化,本系列文章已出版成書「從 Hooks 開始,讓你的網頁 React 起來」,首刷版稅將全額贊助 iT 邦幫忙鐵人賽,歡迎前往購書...

鐵人賽 Modern Web DAY 23

技術 [DAY23] 生命週期 2 生命如此變化無常之然後呢之然後他就死掉了

我想說的是 當組件被更新以及刪除的時候 react 的程式流程 錯誤處理 當一個組件在 render 的過程、生命週期 或在某個子組件的 construct...

鐵人賽 Modern Web DAY 21

技術 Day 21 - React 什麼是Component? 生命週期?

上一章 Day 20 - React 安裝與導入需要的package Component 是 React 中很重要的一環, 其中包括複雜的生命週期, 與各種不同...