今日關鍵字：carousel 接續昨天把資料整理好了今天要把資料呈現在畫面上（不過這裡我想的輪播其實跟一般的輪播不同,沒有要自動播放總之先來找找看）好就第一個...
元件介紹 Modal 元件為彈出相關元件提供了重要的基礎建設，如 Dialog、Popover、Drawer...等等。 參考設計 & 屬性分析 各家元...
上一章 Day 18 - MySQL 使用Annontation設定欄位 (2) React 並不是一個新的語言, 也不是新的Framework 而是一個由Fa...
在前面的章節中，我們已經詳細的解析了 React element 相關的核心概念以及建立的方法。不過當你去參考絕大多數的 React 專案的程式碼時，你會發現幾...
The Birth of React 以前是單純 HTML, CSS, Javascript 跟 DOM 互動 問題是每個瀏覽器都有不一樣的功能...
Day 19 - React 什麼是React? 要怎麼用? 上一章簡單介紹了React跟如何建立專案 今天來把我們會用到的package都加進來吧 npm i...
今天的主題是在Redux中的最後一篇，我們將把之前React篇最後完成的TodoApp，改用Redux來管理應用程式領域的狀態。 註: 本文章同步放置於Gi...
上一篇有提到說，這次使用的IDE是超級好用的VsCode，相信各位看官們也都下載好了 安裝完畢，打開後會長這樣 ↓ 紅色的圈圈點下去就是可以下載套件的地方了...
如果元件內有牽涉 HTTP requests ，我們通常需要在測試中 mock 它們。今天將學習如何測試元件的時候 mock 這些 HTTP requests。...
Hello！大家好啊！就算標題讓人搞不清楚狀況，但是點進來的時候應該還沒忘記昨天的成就感吧XD，為了能夠在最後獲得更大的滿足，今天再來開始繼續學習吧！ 介紹R...
Code Splitting 是一個非常重要的觀念，現代網頁程式漸漸走向使用框架以模組化方式來開發，通常會透過如 webpack 等 bundler 來 ug...
嗨，我是 Roy上次面試之後覺得自己的實作還是太鈍了，決定在刷題之於試試能不能不看教學，自己獨立做一個小專案。 「Concert Preparer」 讓你在去演...
前言 最近測api時剛好斷線，想說這是一個好機會，就順手先加上api斷線時的頁面跳轉，下面講react-router-dom的 exact、strict的觀念r...
［情境任務］ 美食家：這是我第一次吃到這種味道，這道菜有著前所未有的新鮮味…你們的餐點真是太好吃了～我寫了餐點評論送給你們 解師傅：哇！這怎麼好意思～太感謝了！...
昨天 Day18 我們已經準備好 isGameStart 參數來幫助我們做今天的重新開始按鈕。首先，我們需要先來製作一個按鈕，這個按鈕我想要直接蓋在遊戲地圖的正...
前言 useContext 是能夠讓程式變得簡潔的利器，Component 不再需要經過一層一層的 Props 傳遞，便能直接使用在需要它的 Component...
前言 經典的排版設計，最近需要刻瀑布式卡片設計，目前還在調教中... CSS 樣式 我是用styled-components 撰寫 所以看起來有點不一樣，但是在...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...
從今天開始終於要正式進入介紹前端效能優化各種技巧的章節了，如果到今天還願意繼續堅持看下去的讀者記得給自己一些掌聲 ? 如果對效能優化幾乎是零基礎的讀者也別擔心...
這一節我們來用前幾篇文章學到的一切來做個小範例吧！不知道大家在學網頁時，第一個嘗試的是什麼？當然這邊指的是除了Hello world!之外的XD，小弟我啊！遙想...
延續上一篇 DAY23 的 React-router-dom 繼續往下介紹，如果沒看過的朋友，建議可以先看上一篇哦！ 本篇將介紹 動態路由參數 當前路由資訊...
［情境劇場］ CRA 師傅：賀！店面已經裝潢好囉！剩下的擺飾交給你們去運用囉～ 解師傅：太好了～真是感謝 CRA 師傅的幫忙，這店面空間很大呢～老闆，我買了一些...
前言 在 React Native 裡面，大多的概念以及 Component 都相當好上手，但 Navigation 是個例外。Routing and Navi...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 簡...
今天跟大家分享一套協作模式！ 目前，我負責的部分是UI與切版，可是前端要使用react技術。（當然，不是每間公司都是這樣的工作職責分配，切版有時候不一定是設計師...
引言 React 的核心設計，是建立在一個重要假設之上：「資料與元件狀態的變化無法事先預測」。基於這個假設，React 必須持續透過 Virtual DOM（虛...
本篇文章將會提及以下部分 如何部署react到github page？ 為什麼react部署在github page上後重新整理會出現404 github p...
昨天講解了 props 的應用，讓子元件可以接收來自父元件的資料。但是隨著應用規模的提升，透過型別檢查可以減少許多可能的錯誤。要達成這個目的，許多人會選擇 fl...
前言 前兩篇學習了 Redux 的操作方法，雖然 Redux 替我們處理資料真的很方便，但是實際上是得經過 Component、Action、Reducer 三...
接著我們將上一章節介紹到的一律重繪概念與流程替換成具體的 React 程式來解釋： 當我們在 component 裡呼叫 setState 方法來觸發資料更新時...
b97201019
Taiming
Aiden
Zet
Roy Wang
eyesofkids
Ivy
TWGD
神Q超人
莫力全 Kyle Mo
Luis-Chen
Lala Code
一宵三筵
C. T. Lin
Jasper
Wen Chien
LucianoLee
DannyChen
iThome鐵人賽
看影片追技術