現今的網頁架構相較於過往偏向靜態的形式已經變得複雜許多,大部分資料都要靠動態抓取,而抓取資料的過程就會產生許多 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 介紹與...