iT邦幫忙

react相關文章
共有 563 則文章
鐵人賽 Modern Web DAY 11

技術 Day 11: 基於檔案系統的路由

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 11
I Want To Know React 系列 第 11

技術 I Want To Know React - 初探 Lifecycle

在 初探 State、Class Component State 語法、State 內部運作原理 這三個篇章中介紹了 state 的概念、用法與運作原理。 如果...

鐵人賽 Modern Web DAY 13

技術 仿Trello - 建立 Redux Store

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 簡...

鐵人賽 Modern Web DAY 11

技術 【Day.11】React入門 - function component、props、children

有了JSX之後,工程師還是不滿足。因為過去像這樣的過程不斷的重複: let menuItemWording=[ "Like的發問",...

鐵人賽 Modern Web DAY 26

技術 Day 26:批改系統網頁 (8) – 利用 Redux 來進行元件之間的狀態變更

昨天我們建立了 HTTPS 連線,藉以讓使用者可以登入網站。不過雖然已經可以登入網站了,但是卻還是有登入後各個元件之間狀態無法同步資料的問題,究竟我們該如何解...

鐵人賽 Modern Web DAY 13

技術 [Day 12] 沒了解過 Cache,就別說網站性能沒救了! - (2)

Application Cache 這邊也可以看成是 server side 的快取,快取存在的位置在 backend server 與 database 之間...

鐵人賽 Modern Web DAY 10

技術 Day 10: 將我們的 SSG 變成獨立的套件

從這篇開始,程式碼的目錄結構會有很大的變化,在這之前我們都把 SSR 與我們自己的 blog 的程式碼混在一起,但這系列是要做出一個通用的 SSG ,所以之後會...

鐵人賽 Modern Web DAY 12

技術 [Day 12] 沒了解過 Cache,就別說網站性能沒救了! - (1)

現今的網頁架構相較於過往偏向靜態的形式已經變得複雜許多,大部分資料都要靠動態抓取,而抓取資料的過程就會產生許多 Request 請求去取得 Response ,...

鐵人賽 Modern Web DAY 12

技術 Redux 簡介

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 R...

鐵人賽 Modern Web DAY 10

技術 【Day.10】React入門 - JSX語法

在前五天的原生JS程式碼中,其實還有一個問題。你會發現類似以下的程式碼不斷的在重複: let menuContainer = document.createEl...

鐵人賽 Modern Web DAY 10
I Want To Know React 系列 第 10

技術 I Want To Know React - State 內部運作原理

回顧 State 在上兩個章節:初探 State 與 Class Component State 語法中,我們了解了 state 的概念與用法,先來重新複習一下...

鐵人賽 Modern Web DAY 9

技術 Day 9: 在 Server 使用 Redux

這次因為要做出像在 client 一樣從 API 取得資料,所以上次的 store 不能直接使用,要準備一個新的,不過 Entity Adapter 的部份是可...

鐵人賽 Modern Web DAY 9

技術 【Day.09】React入門 - Hello world、React virtual DOM、webpack-dev-server

第一個React程式 - Hello world 請將src/index.js的程式碼改為: import React from 'react'; import...

鐵人賽 Modern Web DAY 11

技術 [Day 11] 用 Node.js 建立一個簡單的 Http Proxy

在上一篇文章中我們了解了 proxy pattern 的概念,也明白現今軟體架構有非常多適合應用這個 pattern 的 use cases。今天則想聚焦在 h...

鐵人賽 Modern Web DAY 9
I Want To Know React 系列 第 9

技術 I Want To Know React - Class Component State 語法

回顧 state 在上個章節中了解了 state 的概念,就讓我們來重新重溫一下。 State 代表 React component 的狀態,會是一個完全由創建...

鐵人賽 Modern Web DAY 8

技術 Day 8: Redux 與準備資料來源的 API

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 10

技術 [Day 10] Proxy Pattern

其實 Proxy 是一個相當廣的概念,它可以代表一種設計模式,也可以代表實際存在的網路實體。若是實體,又可以存在於 backend server 之間,也能存...

鐵人賽 Modern Web DAY 10

技術 仿Trello - 建立編輯Todo介面與以下省略

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 編...

鐵人賽 Modern Web DAY 23

技術 [Day23] 提醒功能-5:被遺忘的iOS

關鍵字:notification 點擊通知時重新導向未成功 延續昨天 在Day16~19時有試著做了一個點擊通知後可以跳轉回細節頁面的功能 可是在以實機測試時...

鐵人賽 Modern Web DAY 8

技術 【Day.08】React入門 - 環境設定 - npm、Webpack、Babel

環境設定 - 前言 前面說過,React是Facebook開發的一套Library。可是瀏覽器沒有那麼聰明,不會因為地球上每多一個人開發了框架就認得他,那怎麼辦...

鐵人賽 Modern Web DAY 8
I Want To Know React 系列 第 8

技術 I Want To Know React - 初探 State

在上兩個章節:初探 Component & Props 與 Component 內部原理 & 使用技巧中,我們已經介紹了 React compo...

鐵人賽 Modern Web DAY 7
ReactJS 疑難排解 系列 第 7

技術 ReactJS 疑難排解:React Fiber

在上一篇文章中提到,到底 reconciler 的對象是誰呢?看起來超像對 component 的,但似乎不大一樣,在本篇會完整的解釋給你聽 vDOM 是什...

鐵人賽 Modern Web DAY 7

技術 Day 7: 在 Server 使用 React Router

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 9

技術 仿Trello - 建立新增Todo功能

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 要...

鐵人賽 Modern Web DAY 7
I Want To Know React 系列 第 7

技術 I Want To Know React - Component 內部原理 & 使用技巧

回顧 React component 在上一篇中,我們介紹了 React component 是什麼,並解釋了它的好處與語法,一起來複習一下吧! React c...

鐵人賽 Modern Web DAY 6

技術 Day 6: 介紹 React Router 與實作文章頁面

如果你有寫過 React ,那你很可能會知道 React Router ,它幾乎可說是用 React 寫 SPA 必備的一個函式庫,雖然現在其實還有另一個 @r...

鐵人賽 Modern Web DAY 6
ReactJS 疑難排解 系列 第 6

技術 ReactJS 疑難排解:什麼是 reconciliation

在了解 reconciliation 前,我們先說說 react 是如何去操作 DOM 的 在 javaScript 中,我們可以利用 createElem...

鐵人賽 Modern Web DAY 8

技術 仿Trello - 建立新增Todo介面

本系列文以製作專案為主軸,紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分,有覺得不明確的地方還請留言多多指教。 接...

鐵人賽 Modern Web DAY 21

技術 Day 21:批改系統網頁 (3) - 模組化視覺元件與單頁路由處理

昨天我們將 React 套件導入了專案中,並且完成了一頁完整網頁的結構。今天我們要嘗試將這個結構模組化,並且利用 React Router 來進行前端網頁的路...

鐵人賽 Modern Web DAY 6
I Want To Know React 系列 第 6

技術 I Want To Know React - 初探 Component & Props

在上一個篇章中介紹了何謂 React element,也講解了 render 出 React element 的方式。 在這個篇章中則要介紹要如何將寫好的 Re...