Redux Middleware翻成中介軟體，在dispatch action之後到執行reducer之間，可以執行多個middleware，就像接力賽一樣將...
回顧 JSX 從上一個篇章：初探 JSX 中，我們了解到 JSX 是一種 JavaScript 的擴充語法，支援在 JavaScript 中撰寫 HTML-li...
這篇與之後的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-gene...
先來看一段簡單的 code <form onSubmit={handleSubmit}> ... <button onClick={h...
寫過vue就知道有vue有提供vuex來做資料(state)的集中管理，那麼React就是藉由Redux來達成，不過讓我有點訝異的應該是React 跟 Redu...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 在...
簡介 JSX JSX 全名為 JavaScript XML，是一種 JavaScript 的擴充語法，支援在 JavaScript 中撰寫 HTML-like/...
在了解什麼是render後，傑森從React官網看到另一個範例，有段文字這樣寫道: Component 使你可以將 UI 拆分成獨立且可複用的程式碼 什麼是...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。...
在沒有用過框架的chrome的除錯工具前，我其實不知道類似這樣的工具在開發上能夠有什麼幫助？不過經過實際使用一陣子之後， 才發現dev tools真的太好用了(...
剛開始工作的時候是jQuery的時代 ，用$.ajax來接api得心應手，偶爾接觸到不能用jQuery的專案，就用原生的XMLHttpRequest來處理，隨著...
簡介 React React 是一個用來製作 UI（User Interface, 使用者介面）的 JavaScript 函式庫，旨在用更簡易快速的方式建構前端...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 雖...
回到斯巴達鐵人賽的動機 距離上次參加 ITHome 鐵人賽已經三年多了，連續 30 天輸出文章的高壓洗禮仍歷歷在目，但在寫鐵人賽的題目： I Want To K...
既然要自己寫SPA，我們先來談談前端框架，本文分成上下篇，這邊重點不在教會你使用，而是想告訴你框架做了些什麼，以下用React來當例子: 傑森是一名網頁設計師，...
在練習表單處理這塊，如果在不依賴套件的狀況下，可以有兩種方式來控制表單欄位，那麼今天就來介紹一下controlled component 和uncontroll...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 R...
以前我們要抓一個DOM的時候很習慣用document.getElementById、document.getElementsByClassName等等的語法來取...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 在...
想必我們都曾經遇過一種情境，兩個component功能幾乎一模一樣，只是差在輸入的資料不同而已，那麼這時候就是HOC登場的時候了，HOC為一個可以傳入compo...
React的event都是camelCase駝峰式命名， 跟以往的HTML小寫命名不同，並且事件一定要用大括號括起來 這是傳統的HTML寫法 <butto...
說到css in js，也就是用js來寫css 就不得不提到style components，被稱之為是React樣式處理的最佳方案！ 首先安裝 style c...
今天要來介紹在React裡面有哪幾種撰寫css的方式 方法1:inline-style： 這是我最不習慣的寫法，畢竟要用駝峰式的格式寫，就沒有樣式語法自動提示了...
React的props與state(上) props 的資料結構就是一個物件JavaScript Object，就像是var props={name:'jack...
React三種使用CSS方法 一、在檔案中寫寫css的第一個作法 Header.js import React from "react";...
State state 為自身component 存放資料的地方，管理內部狀態，格式為一個物件，以class component來說，在建立自身的compone...
React 元件的生命周期: 這是用console.log跑程式所出來的順序，數字是記錄而已。 1.constructor:初始化4.render:在網頁上輸出...
今日關鍵字：無人...Redux 假如有一天，你在家煮了咖哩不小心煮了太多想分給對面的人如果是以前都是平房時直接走過去就好 如果場景變換成現代你住在高樓裡該怎...
什麼是生命週期？就像人有生老病死，component也有類似這樣的概念，了解生命週期可以讓我們知道如何在「對」的時間做「對」的事。 從官方提供的這張圖表，可以...
React圖文元件，重覆使用 利用一個元件，傳入多個網路圖片位置及文件名稱，做成類似相冊的東西。 匯入元件使用「import SrcTest from './S...
Lieutenant
Henry Chang
DanSnow
maxam
Jasper
river_huang
jbuduoo
b97201019
iThome鐵人賽
看影片追技術