Hi！各位，想不到吧，已經到了最後十篇了，感覺真不想結束呢！ 才怪！明明天天都在倒數文章數量XD，雖然這一趟很累，但是還是得要對自己來個期末測驗才行！所以接下來...
Hello！大家好！昨天初步認識了Redux後(真的非常初步XD)，知道他如何管理資料了，那今天要來說說在Redux手上的資料該怎麼傳給React的組件！就請各...
今天將直接實作 redux，如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔～今天嘗試將 dark theme 與 light theme 實...
昨天我們把 component 的部分結束今天來看看 locales 的部分 locales locales，中文翻譯「語言環境」我們很常看到一些 Open S...
前言 前一篇拼死拼活的才把 Token 拿回來，這篇要來用 Token 拿資料回來顯示 User 的頁面。 準備 GraphQL Client 經過一段考慮後，...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...
皮卡丘就這麼跑進我的文章裡。。。 目前我的專案長這樣~ 我一樣用電子名片這個專案來學習 React props 的運作原理，今天也會將我預先儲存在 json 裡...
上一章 Day 28 - React And BootStrap 卡片式資訊 Card 樹狀結構圖是許多網站都會用到的東西 大部分是資料夾結構, 抽屜式結構.....
這個章節讓我們更深入的探討一下 dependencies 常見的錯誤使用方式。我們在前幾篇 useEffect 的深入解析中一再強調過一個概念：useEffec...
Hi啊！因為昨天雄心壯志下了決心要完成作品，今天也只能繼續做下去了XD，就從昨天的進度step1開始吧！ ㄛ對了，這時間點看到我還滿神奇的對吧XD，因為小弟我明...
今天最一開始，我們要在我們的主元件中，去加入一個子元件( sub-components )。 Sub-component 首先，我們新增src/comp...
上一章 Day 20 - React 安裝與導入需要的package Component 是 React 中很重要的一環, 其中包括複雜的生命週期, 與各種不同...
今日關鍵字：無人...Redux 假如有一天，你在家煮了咖哩不小心煮了太多想分給對面的人如果是以前都是平房時直接走過去就好 如果場景變換成現代你住在高樓裡該怎...
元件介紹 Table 顧名思義就是一個表格元件，用來整齊的顯示行列數據。 參考設計 & 屬性分析 我自己覺得 table 是一個還蠻繁瑣的元件，要組成一...
嗨！因為最近系列文快要結束了，所以也準備把專案推上去 production 了。Next.js 有列幾個推 production 之前該注意的事項，其中一項就是...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 T...
【前言】終於要進到後端的部分啦！一樣先來看 Project 分析，這幾天的內容會環繞在第一步**「連動 MetaMask 系統」和第二步「並且得到當前登入者的...
Day 24 - React Fetch 向後端API請求資料(1) 上一章實作了Fetch API獲取Member資料 今天我們要拿證照跟廠商資料 Certi...
今天要來介紹一個第三方 api－React Hook Form ，這是一個處理表單的 api，可以幫助我們在 React 中更方便的處理表單。其中，會主要介紹...
頁面佈局規劃 如同前篇遊戲 Tic Tac Toe 一樣，我們要來規劃一下遊戲的畫面，因為我希望我們貪吃蛇的遊戲在電腦上可以玩，在手機上也可以玩，所以我想要把遊...
【前言】 昨天我們實作了第一個React Component了，有沒有覺得自己有沒有變強了一點呢？這篇要來介紹一下React的Props屬性囉！ 【正文】 ...
在繼續深談 React 管理並更新畫面的策略與機制之前，我們先來探究一下關於單向資料流的概念，以及在尚未使用前端框架時實現單向資料流的 DOM 渲染策略，來幫助...
元件介紹 Slider 是一個滑動型輸入器，允許使用者在數值區間內進行選擇，選擇的值可為連續值或是離散值。 這邊不免俗的來名詞解釋一下，在 Slider 上面...
今天這篇文章會示範如何將 create-react-app 轉成 vite，大幅提升開發速度 什麼是 Vite? Next Generation Fronte...
其實 Proxy 是一個相當廣的概念，它可以代表一種設計模式，也可以代表實際存在的網路實體。若是實體，又可以存在於 backend server 之間，也能存...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
前情提要及動機 在 Day11 的功能構想中我們有提到，雖然到昨天 Day19 整個貪吃蛇遊戲已經很完整了，但是有一點美中不足的地方，就是透過手機開啟這個遊戲的...
如果你來自react 學react一定會用到redux來處理state的問題，那你就開始學redux，可是redux好難，一下又是reducer, 一下又是ac...
元件介紹 Progress circle 跟上一篇 Progress bar 一樣是能夠展示當前進度的元件。只是在外觀上面以圓形替代長條形，好處是在寬度不夠的排...
把整張名片作為一個 component 每一個 component 外層都會用一個 class 包起來。extends 指的是 React.component...
神Q超人
莫力全 Kyle Mo
HLTVProxy
C. T. Lin
一宵三筵
TSAI
Aiden
Zet
轟天旅人
b97201019
Taiming
Jade
Jasper
ALu
時雨
Hyora
Andy Chang
poligen
iThome鐵人賽
看影片追技術