嗨囉！大家好啊！就像上一期（還是上上一期？）最後說的，今天就要來處理新增資料啦！話說剛剛在準備進度時，都沒經過任何測試，一次執行就過，讓我非常驚訝，一直在試是不...
回顧提升 state 在上一章節中，我們介紹了何謂提升 state 以及為何要這麼做。 提升 state 的意思就是把 state 提升到所有有使用到此資料的...
後面這二十天，將專攻 Redux，一樣也是透過做中學的方式來理解 Redux。首先，官方文件是必備材料：Redux 官方中文文件 另外，這一篇 Code Car...
前言 當react結合redux後，就有的觀念就大轉變，要趕快脫離段適應期，所以要不段的修煉，今天練習的是redux 表單 練習目標 程式 看來挑錯練習範例...
本文提及以下內容 用戶端的路由 傳統路由 react route如何運作 起手式 建立404的路由 巢狀路由 useParams參數 用戶端的路由 用戶端的...
圖表設計已經是工程師必備的技能，製作使用者後台、數據分析，還有必備的 dashboard 都離不開圖表設計，今天就來試試一樣是以 Canvas 為底層的 Cha...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...
今天，要來學習 to-do app 中的 Action 先在 js 資料夾下創建一個 actions 資料夾，裡面新增一個 TodoActions.js在 ac...
這篇要來談談小菜鳥一開始到現在用React的時候踩到的地雷 ! 最常見的忘記向下傳state就透過子類別使用了 後來小菜鳥的解決方法，是會在父類別將所有有可...
昨天介紹 Service Workers 後我們知道它是 PWA 的要素之一，且也是讓 Web App 實現離線瀏覽的關鍵技術。今天我們將延伸昨天的知識，介紹...
昨天介紹了 useForm 的基本用法，今天來多介紹一些 React Hook Form 別的用法。 FormProvider 前幾天介紹了資料管理的 Cont...
昨天我們成功地建立了一個基本的 Kotlin/JS 專案，今天就讓我們開始來安裝前端常使用的套件 React 的 Kotlin 包裝版吧！ React 介紹與...
挑戰 React 第七篇 上篇了解了package.json，此篇會介紹剩下來的檔案與資料夾。 資料夾結構介紹 檔案 用語法糖 create-react-ap...
前言 React 是許多前端工程師賴以謀生的工具，我當時就是跟隨著時代洪流，從 jQuery 跳到了很多人討論的 React。 捫心自問，其實我真的沒有很了解它...
最近終於完成公司新產品的前端開發啦！不過在開發時也遇到了不少挑戰，其中最難處理的就屬「MQTT通訊協定」的部分了...😅 而自己在study或是Google資...
破折號後的題目名稱由來 破折號後的名稱是來自於React繁體中文官方網站<header>的裡面的<h1>小字參見下圖 React是一個...
前情提要 今天我們要來實作記憶方塊的主畫面區塊，在昨天的努力之下，我們已經把區塊都規劃好了，接下來就是要把我們的方塊畫上去。 由於前兩個遊戲 Tic-Tac-T...
先上圖，不囉嗦。 這邊還只有UI的功能而已，補上三支code! ReadingListWidget 準備要專門與後端溝通! 還有包裝component進去。...
本篇接續前篇 如何製作手風琴 accordion 1【 accordion | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 S...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 目...
Single Play機制 昨天完成判斷勝負功能之後，我們剩下最後一個功能，就是讓玩家可以跟電腦對弈，回憶一下 Day03 的時候，我們有設計一個 isSing...
語言選定後，就是要開始找相關資源study了。 不只是語言社群、論壇的支援，課程助教、工作人員、場地、公司贊助、免費廣告投放等，也都是要去詢問的。 剛開始可能只...
點擊進入React源碼調試倉庫。 React在構建用戶界面整體遵循函數式的編程理念，即固定的輸入有固定的輸出，尤其是在推出函數式組件之後，更加強化了組件純函數的...
如果你有寫過 React ，那你很可能會知道 React Router ，它幾乎可說是用 React 寫 SPA 必備的一個函式庫，雖然現在其實還有另一個 @r...
tags: 2021鐵人賽 React 上一篇將選單列做出來，並且完成點擊上方按鈕會跳轉至對應頁面的功能，不過總覺得好像少了些什麼？原來是點擊按鈕之後，按鈕的樣...
【前言】 昨天稍微提到了React component的其中兩個生命週期componentDidMount和componentWillUnmount。今天就來...
這篇終於要來開始做台股技術面的功能了，對於善於技術分析的投資人來說，看K線是非常基本的事情，因為從技術分析的角度來看，K線可以分析出很多其他面向看不到的學問喔~...
這次要做的專案是遊戲角色選取的應用程式做出來的應用程式大概會像這樣： 可以從左邊的角色選項選取到右邊，陣容狀態會依被選取的角色而不斷更動。 建置環境 在專案資...
tags: 2021鐵人賽 React 使用 Creat react app 對於React的初學者來說，create react app是最好的朋友，可以快速...
昨天我們介紹了 useMemo，這個 hook 可以幫助我們記憶依賴參數，當參數變化時才會重新執行函式，並且取得函式回傳的值。今天要來介紹的是 useCallb...
神Q超人
Henry Chang
TSAI
Luis-Chen
DannyChen
珊迪
一宵三筵
Ivy
莫力全 Kyle Mo
時雨
灆洢 a.k.a Maplewing
ycchiuuuu
Taiming
Joseph-bug
HelloKayac
Jasper
Ivan
DanSnow
Sean Liu
Hyora
iThome鐵人賽
看影片追技術