iT邦幫忙

react相關文章
共有 1540 則文章
鐵人賽 Software Development DAY 10
React框架白話文運動 系列 第 10

技術 React白話文運動10-React Props

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 自我挑戰組 DAY 22

技術 [Day 22]React hook(中)-useContext&useReducer

useContext() useContext會和React Context API搭配使用,可以讓component共享資料,像是進階版的props,不用一層...

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

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

技術 [TaichungBike] 公共腳踏車租借查詢 - React

TaichungBike 這個專案主要是用來練習React串接API,目的是要做一個各縣市公共腳踏車租借情況的立即查詢應用,往後會持續改善成一個Product。...

鐵人賽 Modern Web DAY 5

技術 #05 No-code 之旅 — Next.js 的 Pages 與 Routing

嗨嗨嗨!昨天看完怎麼抓取資料的方式會影響到網頁的渲染模式之後,今天的主題是 Next.js 的 Pages 與 Routing。Next.js 的 routin...

鐵人賽 Modern Web DAY 8

技術 【Day 8】Class component && Functional component

今天與明天會來短暫介紹一下 class-based 的 component,今天將講解 class component 的基礎,也比較一下與 functiona...

鐵人賽 Software Development DAY 7
React框架白話文運動 系列 第 7

技術 React白話文運動07-JSX

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 6

技術 #06 No-code 之旅 — 用 Next.js 解決前後端?API Routes 簡介

連假最後一天!分享了一些關於 Next.js 這個框架,雖然他是 React 的框架,可是你們知道嗎?Next.js 也可以同時實作後端喔!沒錯,前後端全包~...

鐵人賽 Modern Web DAY 1

達標好文 技術 [Day 01] 前言:React 為什麼這麼難學的好?

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

鐵人賽 Software Development DAY 12
React框架白話文運動 系列 第 12

技術 React白話文運動12-React Hook-useState 01

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Software Development DAY 26
React框架白話文運動 系列 第 26

技術 React白話文運動26-Zustand 02

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 11

技術 [Day 11 - 網速轉換器] 那個...資料可以分享給我嗎 - 將資料傳入組件

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

鐵人賽 Modern Web DAY 17
React - DOM界的彼方 系列 第 17

技術 Day 17: React篇: TodoList程式

"本文章附有影片"。這個程式最後的呈現結果,會是在網頁上出現一個文字輸入框,當你輸入文字後按下Enter鍵,就會把文字加到下面的列表中,每...

鐵人賽 Modern Web DAY 2

技術 Day 02:快速學會 React 基礎

本篇目的 希望能帶完全不會 React 的人快速掌握基礎概念,React 雖然博大精深,但核心概念是小而精美的。 React 是什麼? React 是用來建置...

鐵人賽 Modern Web DAY 2

技術 [Day 02] 學好 React 需要的前置基本功

如前一章節中所述,有鑒於學習 React 其實非常仰賴 JavaScript 的一些基本功,因此我會建議一開始先不要著急,在開始 React 的學習之旅前可以先...

鐵人賽 Modern Web DAY 16
React - DOM界的彼方 系列 第 16

技術 Day 16: React篇: TextInput程式

"本文章附有影片"。這個程式最後的呈現結果,會是在網頁上出現一個文字輸入框,當你輸入文字時,下面的顯示區域會一併跟著顯示,就像下面的動態圖...

鐵人賽 Software Development DAY 13
React框架白話文運動 系列 第 13

技術 React白話文運動13-React Hook-useState 02

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Software Development DAY 25
React框架白話文運動 系列 第 25

技術 React白話文運動25-Zustand 01

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 6
Zero to hero with React.js 系列 第 6

技術 【Day6 React】學習都是從觀摩他人的 code 開始

Codepen 是寶庫!! 我是一個喜歡把玩顏色、嘗試各種介面風格的人,因此 codepen 是我經常使用的工具,更棒的是,可以在上面看到各種高手,用著千奇...

鐵人賽 Modern Web DAY 2
Zero to hero with React.js 系列 第 2

技術 【Day2 React】React 環境設定 採用 Webpack 和 Babel

一個 React 的專案中我們需要什麼樣的函式庫? React.js core library React DOM library 這次不僅學習 React...

徵才 [百萬年薪!] Sr. Frontend Developer

Responsibilities: Quick prototyping web content including working with DESIGN T...

鐵人賽 自我挑戰組 DAY 26

技術 【DAY 26】React-router,其它很有用的組件(上)

【前言】  倒數最後五篇~~一起加油吧!【正文】  昨天講完Link,今天來講跟Link很常用到的其他組件八吧! Switch:用來包Route與Redirec...

鐵人賽 Modern Web DAY 9

技術 Day 09:常見的 React Native Component - Part II

本篇目的 使用者主要是透過 Touch 來跟 Mobile App 互動,跟網頁中的 Click 不太一樣。而它又可以結合各種的手勢,長按一個按鈕、滾動 Lis...

鐵人賽 Modern Web DAY 6

技術 Day06 X 圖片最佳化

給你五秒鐘思考一下,你在日常生活中還有在使用沒有任何圖片,包括小小 的 Icon 也沒有的網站嗎?我想大多數人的答案都是否定的。現今的網頁應用免不了會需要載入...

鐵人賽 Software Development DAY 27
React框架白話文運動 系列 第 27

技術 React白話文運動27-React Router 01

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Software Development DAY 19
React框架白話文運動 系列 第 19

技術 React白話文運動19-React Hook-useMemo

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 1
Zero to hero with React.js 系列 第 1

達標好文 技術 【Day1 React】What the hell is React?

鼓起勇氣挑一個沒有接觸過的 ReactJS 來挑戰希望在這30天內可以盡最大所能挖掘 React 的奧秘! 作品懶人包由於我喜歡嘗試各種新的可能因此在這30天內...

鐵人賽 Software Development DAY 23
React框架白話文運動 系列 第 23

技術 React白話文運動23-Flux 概念

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 10

技術 「全端挑戰」了解Css Grid介紹與應用,/:id 與params產品id分頁

Day10 自己做一個價值幾十萬的動態網站 第十課:了解Css Grid介紹與應用,/:id 與params,完成製作hotel Page bookingcha...