以往在同個網站切換網頁的時候，就會重新刷新頁面，然後等待資源重新載入才能看到新的畫面，但是人的耐心是有限的，每次的切換如果都需要等待的話，人的耐心就會被消磨殆盡...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
在上一篇文章中我們了解了 proxy pattern 的概念，也明白現今軟體架構有非常多適合應用這個 pattern 的 use cases。今天則想聚焦在 h...
回顧 state 在上個章節中了解了 state 的概念，就讓我們來重新重溫一下。 State 代表 React component 的狀態，會是一個完全由創建...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
其實 Proxy 是一個相當廣的概念，它可以代表一種設計模式，也可以代表實際存在的網路實體。若是實體，又可以存在於 backend server 之間，也能存...
在搜尋useMemo的時候，就一直看到React.memo的相關資料 ，雖然React memo不屬於React hook的一部分，但還是簡單介紹一下，我們都知...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 編...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
關鍵字：notification 點擊通知時重新導向未成功 延續昨天在Day16~19時有試著做了一個點擊通知後可以跳轉回細節頁面的功能可是在以實機測試時，這...
在上兩個章節：初探 Component & Props 與 Component 內部原理 & 使用技巧中，我們已經介紹了 React compo...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
在上一篇文章中提到，到底 reconciler 的對象是誰呢？看起來超像對 component 的，但似乎不大一樣，在本篇會完整的解釋給你聽 vDOM 是什...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 要...
useContext() useContext會和React Context API搭配使用，可以讓component共享資料，像是進階版的props，不用一層...
回顧 React component 在上一篇中，我們介紹了 React component 是什麼，並解釋了它的好處與語法，一起來複習一下吧！ React c...
如果你有寫過 React ，那你很可能會知道 React Router ，它幾乎可說是用 React 寫 SPA 必備的一個函式庫，雖然現在其實還有另一個 @r...
在了解 reconciliation 前，我們先說說 react 是如何去操作 DOM 的 在 javaScript 中，我們可以利用 createElem...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 接...
當functional component 遇上React Hooks，就好像白雪公主遇到她的王子…（我想不到更好的比喻了）有了Hooks，讓functiona...
昨天我們將 React 套件導入了專案中，並且完成了一頁完整網頁的結構。今天我們要嘗試將這個結構模組化，並且利用 React Router 來進行前端網頁的路...
在上一個篇章中介紹了何謂 React element，也講解了 render 出 React element 的方式。 在這個篇章中則要介紹要如何將寫好的 Re...
昨天我們成功地建立了一個基本的 Kotlin/JS 專案，今天就讓我們開始來安裝前端常使用的套件 React 的 Kotlin 包裝版吧！ React 介紹與...
我們先來看以下兩個例子，想想當 <Parent/> re-render 時，Child 會不會也跟著 re-render 呢？ function C...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 製...
Redux Thunk的目的就是為了實踐middleware，讓action能做更多的事，想必大家都曾經看過這個錯誤，當action為非同步的時候，就會報錯，R...
在上兩個篇章：初探 JSX 與 JSX 語法中，我們已經了解了 JSX 的由來、功能、內部原理以及語法了。在這個篇章中，我們將要學習如何把 React elem...
React 的 server side renderer 是在 react-dom 這個套件的 react-dom/server 下，API 就只包含 4 個函...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 要...
寫了多年的 js ，遇到不熟悉的使用情境大家肯定會先 console.log 一下 曾經在 onChange event handler 中印過 event 是...
Lieutenant
Andy Chang
莫力全 Kyle Mo
Henry Chang
DanSnow
Jasper
b97201019
maxam
灆洢 a.k.a Maplewing
iThome鐵人賽
看影片追技術