這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
在 初探 State、Class Component State 語法、State 內部運作原理 這三個篇章中介紹了 state 的概念、用法與運作原理。 如果...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 簡...
有了JSX之後，工程師還是不滿足。因為過去像這樣的過程不斷的重複: let menuItemWording=[ "Like的發問",...
昨天我們建立了 HTTPS 連線，藉以讓使用者可以登入網站。不過雖然已經可以登入網站了，但是卻還是有登入後各個元件之間狀態無法同步資料的問題，究竟我們該如何解...
Application Cache 這邊也可以看成是 server side 的快取，快取存在的位置在 backend server 與 database 之間...
從這篇開始，程式碼的目錄結構會有很大的變化，在這之前我們都把 SSR 與我們自己的 blog 的程式碼混在一起，但這系列是要做出一個通用的 SSG ，所以之後會...
現今的網頁架構相較於過往偏向靜態的形式已經變得複雜許多，大部分資料都要靠動態抓取，而抓取資料的過程就會產生許多 Request 請求去取得 Response ，...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 R...
在前五天的原生JS程式碼中，其實還有一個問題。你會發現類似以下的程式碼不斷的在重複: let menuContainer = document.createEl...
回顧 State 在上兩個章節：初探 State 與 Class Component State 語法中，我們了解了 state 的概念與用法，先來重新複習一下...
這次因為要做出像在 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 的狀態，會是一個完全由創建...
這系列的程式碼在 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...
在上一篇文章中提到，到底 reconciler 的對象是誰呢？看起來超像對 component 的，但似乎不大一樣，在本篇會完整的解釋給你聽 vDOM 是什...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 要...
回顧 React component 在上一篇中，我們介紹了 React component 是什麼，並解釋了它的好處與語法，一起來複習一下吧！ React c...
如果你有寫過 React ，那你很可能會知道 React Router ，它幾乎可說是用 React 寫 SPA 必備的一個函式庫，雖然現在其實還有另一個 @r...
在了解 reconciliation 前，我們先說說 react 是如何去操作 DOM 的 在 javaScript 中，我們可以利用 createElem...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 接...
昨天我們將 React 套件導入了專案中，並且完成了一頁完整網頁的結構。今天我們要嘗試將這個結構模組化，並且利用 React Router 來進行前端網頁的路...
在上一個篇章中介紹了何謂 React element，也講解了 render 出 React element 的方式。 在這個篇章中則要介紹要如何將寫好的 Re...
DanSnow
Henry Chang
Jasper
Andy Chang
灆洢 a.k.a Maplewing
莫力全 Kyle Mo
b97201019
maxam