現今的網頁架構相較於過往偏向靜態的形式已經變得複雜許多，大部分資料都要靠動態抓取，而抓取資料的過程就會產生許多 Request 請求去取得 Response ，...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 R...
在前五天的原生JS程式碼中，其實還有一個問題。你會發現類似以下的程式碼不斷的在重複: let menuContainer = document.createEl...
回顧 State 在上兩個章節：初探 State 與 Class Component State 語法中，我們了解了 state 的概念與用法，先來重新複習一下...
［ Checkbox ］ 切手指打勾勾，騙人的話，要吞 1000 隻針～（不是這個打勾勾 ry 前兩天挑戰的 UI 都偏向放著讓動畫自己跑的類型，今天總算要...
這次因為要做出像在 client 一樣從 API 取得資料，所以上次的 store 不能直接使用，要準備一個新的，不過 Entity Adapter 的部份是可...
第一個React程式 - Hello world 請將src/index.js的程式碼改為: import React from 'react'; import...
在上一篇文章中我們了解了 proxy pattern 的概念，也明白現今軟體架構有非常多適合應用這個 pattern 的 use cases。今天則想聚焦在 h...
回顧 state 在上個章節中了解了 state 的概念，就讓我們來重新重溫一下。 State 代表 React component 的狀態，會是一個完全由創建...
［ 404 Page ］ 找不到網頁。 今天一樣做較為簡單的題目來下手熱身～就是那個找不到網頁的 404 Page（詞窮）。 那就 Demo Time！這邊...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
其實 Proxy 是一個相當廣的概念，它可以代表一種設計模式，也可以代表實際存在的網路實體。若是實體，又可以存在於 backend server 之間，也能存...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 編...
關鍵字：notification 點擊通知時重新導向未成功 延續昨天 在Day16~19時有試著做了一個點擊通知後可以跳轉回細節頁面的功能 可是在以實機測試時...
環境設定 - 前言 前面說過，React是Facebook開發的一套Library。可是瀏覽器沒有那麼聰明，不會因為地球上每多一個人開發了框架就認得他，那怎麼辦...
在上兩個章節：初探 Component & Props 與 Component 內部原理 & 使用技巧中，我們已經介紹了 React compo...
［ Gooey Loader ］ 黏黏球 Loader 終於進到了開始應用實作的階段了，就用 Loader 來打頭陣吧～！身為一個 Web 前端（Web F...
在上一篇文章中提到，到底 reconciler 的對象是誰呢？看起來超像對 component 的，但似乎不大一樣，在本篇會完整的解釋給你聽 vDOM 是什...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 要...
回顧 React component 在上一篇中，我們介紹了 React component 是什麼，並解釋了它的好處與語法，一起來複習一下吧！ React c...
［ 本日 MVP：useChain ］ 讓一切的一切都串起來的關鍵人物～！（？） 就如同它的名稱一樣，這是一個可以將前面幾天介紹過的不同種類的 Hook 鍊...
如果你有寫過 React ，那你很可能會知道 React Router ，它幾乎可說是用 React 寫 SPA 必備的一個函式庫，雖然現在其實還有另一個 @r...
在了解 reconciliation 前，我們先說說 react 是如何去操作 DOM 的 在 javaScript 中，我們可以利用 createElem...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 接...
昨天我們將 React 套件導入了專案中，並且完成了一頁完整網頁的結構。今天我們要嘗試將這個結構模組化，並且利用 React Router 來進行前端網頁的路...
在上一個篇章中介紹了何謂 React element，也講解了 render 出 React element 的方式。 在這個篇章中則要介紹要如何將寫好的 Re...
［ 本日巨星：useTransition ］ Component 切換（Mount、Unmount）時用的 Hook，也可以在 Component Updat...
我們先來看以下兩個例子，想想當 <Parent/> re-render 時，Child 會不會也跟著 re-render 呢？ function C...
昨天我們成功地建立了一個基本的 Kotlin/JS 專案，今天就讓我們開始來安裝前端常使用的套件 React 的 Kotlin 包裝版吧！ React 介紹與...
莫力全 Kyle Mo
Jasper
Andy Chang
Henry Chang
Juri
DanSnow
b97201019
maxam
灆洢 a.k.a Maplewing
iT 邦幫忙鐵人賽