React 系列到第三十篇了！終於要完賽了，感動～ 其實原本沒有想要參加鐵人賽的，因為六角學院的小組成員們說要參加，為了挑戰自己，也讓自己學習更多而參加。 會選...
2024/2 更新 - 實體書平裝版本上市 在經過快要一年的努力後，本系列文的實體書版本推出了～其中新增並補充了許多鐵人賽版本中沒有的脈絡與細節，並以全彩印刷拉...
前端有一大部分是要把 API 拿到的資料轉換成適合讓 UI render 的資料格式，今天用一個和官網稍微不同的方式來組出同樣的畫面內容，也可以分享看看，如果...
做個總和，就把所有整合在一起，就把之前 Day11 、 Day18 和 Day28 的 component 放在一起吧！ 修改 index.js import...
React 技術選型 使用 React 完成真實世界中的複雜應用，主要需要評估的技術選型如下 專案的 CSS 選擇方案 專案會使用到的 React Hooks...
終於到最後一天了，看到這篇文章覺得很有趣，所以今天我們來玩一下 Rust 跟 React 的結合吧！ 開始專案 首先我們先建立一個新的專案，這邊我們使用 cre...
前言 最後一天我將文章分類成幾種類型已經幫你整理好分類了，如果想要快速索引就將捲軸捲到特地區域觀看該系列文章就好。 循序漸進式系列 搭配官方文件和所有文章可...
［情境劇場］ 小當家：哇！怎麼來了這麼多外國人 解師傅：嘿嘿～因為我們把網站偷偷發布上線了，沒想到成效這麼好啊！ React 熱炒店已名聲遠播，但這不會是終點，...
Hooks 的誕生是為了解決什麼問題 在深入 hooks 的設計脈絡之前，我們得先來談談 hooks 的誕生究竟是為了解決什麼問題。首先，hooks 是綁定配合...
延續昨天的內容～ 閱讀文章：You Might Not Need an Effect @ React Docs beta
何謂 CSS in JS 在之前的範例中，已經把 React 分成一個一個模組（我們的身分證製造機還沒有分好XD），這樣可達到元件、功能變成模組化。既然 HTM...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
這幾天我們已經學習了許多 React 的技術，是時候部屬 React 的作品到 github 上了！如果不是大型的網站，只是要展示自己的作品或寫一個部落格的話，...
Active Link Styling 改用 NavLink，用以判斷 to={"xx/xx"} 是否匹配當前路由 NavLink 和 Li...
最後一篇技術分享！這系列的文章我們都在介紹陸地上的東西，最後一篇看關於海洋的部分吧～ 我們最常拿大海的深度來做界線分類對吧，像是淺水區深海區之類的，今天來做一張...
本文提及以下內容 什麼是GraphQL GatsbyJs中的GraphQL資料層組成 為什麼Gatsby使用GraphQL 使用GraphiQL工具 使用gr...
今天我們來看到 checkout 的最後一個部分結帳頁 首先最上方是購物車裡面的商品他會顯示商品的縮圖、名稱、商品類型和價格如果是購買實體商品會有數量如果想移除...
看到 useReducer 你可能會疑惑，這跟前幾天講的 Redux 裡的 Reducer 有什麼毛線關係嗎？ 的確！useReducer 的觀念跟用法都跟...
這次來簡單加入一下之前 Day20的檢查工具，來檢查我們製作出來的身分證是不是合規。 .js 引入功能 把之前 Day20 做好的檔案 IDChecker.js...
Mapbox 除了可以支援我們一般常在用的 2D 地圖，還有我們前幾天介紹的 3D 立體地球跟地形外貌以外，還可以用 3D 形式呈現建築物高度喔～ 有點像積木狀...
閱讀文章：You Might Not Need an Effect @ React Docs beta
React hooks 從 2019 年初推出以來也經過了幾年的時間，它以非常快的速度就發展成為 React 開發方式的絕對主流選擇。搭配 function c...
這三十天我們介紹了許多的 hooks，在開發上常常會需要使用這些 hook 做組合技，也會常常使用到重覆的功能，這時候就可以將這些 hook 抽出來，做成 cu...
應該是要先講打包，再來講怎麼發佈套件的，不過沒關係，最後一天來看看打包吧！ 開始！ 拿 rollup.js 來幫我們協助打包，先來安裝 npm instal...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
試試看你學到了什麼 前面我們小試了一下身手， 這邊中途來插一個小活動。 有鑒於工程師社群很喜歡討論面試題， 那我們也來試個幾道題目， 來試試你能回答出以下幾道...
我們今天來看什麼情況下結帳的話面會出現不一樣的元件 當你選購的方案為「訂閱方案」且價格為「0 元代幣」這時候你點選「立即訂閱」時他會跳出下面這個 Modal 這...
說明 在建置網站時，通常不會只有一個頁面包含所有的功能，我們通常會在網站上設置導覽列，讓使用者點擊連結後看到不同的功能頁面，需要藉由路由機制來得到不同頁面。 後...
本文提及以下內容 Gatsby建立頁面檔 添加頁面Title Link元件預加載preloading原理 Link Component使用方式 Gatsby...
Preface 由於驗證者在驗證時需要執行 burn() 與 _mint() 兩個會改動區塊鏈資料的函式，撇除 gas fee 以外，在驗證入場的時候需要考慮到...
時雨
Zet
pjchender
eyelash*睫毛
lala_lee_jobs
Bucky
DannyChen
Lala Wang
hogantech
no_
HLTVProxy
Charlie
HelloKayac
foodchain
iThome鐵人賽
看影片追技術