當functional component 遇上React Hooks，就好像白雪公主遇到她的王子…（我想不到更好的比喻了）有了Hooks，讓functiona...
開啟 terminal 首先開啟 編輯器範例中使用的是 vs code可以在這裡下載跟安裝開啟 terminal 快捷鍵為 ctrl + ~或直接點擊編輯器下方...
我們先來看以下兩個例子，想想當 <Parent/> re-render 時，Child 會不會也跟著 re-render 呢？ function C...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 製...
Redux Thunk的目的就是為了實踐middleware，讓action能做更多的事，想必大家都曾經看過這個錯誤，當action為非同步的時候，就會報錯，R...
寫了多年的 js ，遇到不熟悉的使用情境大家肯定會先 console.log 一下 曾經在 onChange event handler 中印過 event 是...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 要...
Redux Middleware翻成中介軟體，在dispatch action之後到執行reducer之間，可以執行多個middleware，就像接力賽一樣將...
終於進入正題，首先到 React 的官網 侵門踏戶 官方的介紹只有短短一句話A JavaScript library for building user int...
先來看一段簡單的 code <form onSubmit={handleSubmit}> ... <button onClick={h...
寫過vue就知道有vue有提供vuex來做資料(state)的集中管理，那麼React就是藉由Redux來達成，不過讓我有點訝異的應該是React 跟 Redu...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 在...
經過幾天的 轟炸 複習，今天要談的是 es6的懶人神兵—箭頭函示(arrow function) 跟 常常搞不清楚究竟誰是誰的 this(撐過去就可以開始 re...
在了解什麼是render後，傑森從React官網看到另一個範例，有段文字這樣寫道: Component 使你可以將 UI 拆分成獨立且可複用的程式碼 什麼是...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。...
在沒有用過框架的chrome的除錯工具前，我其實不知道類似這樣的工具在開發上能夠有什麼幫助？不過經過實際使用一陣子之後， 才發現dev tools真的太好用了(...
說到計算 render 次數，大家可能一開始想到的便是下面這段扣 const RenderCounter = () => { const render...
既然要自己寫SPA，我們先來談談前端框架，本文分成上下篇，這邊重點不在教會你使用，而是想告訴你框架做了些什麼，以下用React來當例子: 傑森是一名網頁設計師，...
剛開始工作的時候是jQuery的時代 ，用$.ajax來接api得心應手，偶爾接觸到不能用jQuery的專案，就用原生的XMLHttpRequest來處理，隨著...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 雖...
在寫 React 時，常需要把 prop 或 state 印出來嗎？直接 console.log 寫在 component 內，又會因為 re-render 一...
在練習表單處理這塊，如果在不依賴套件的狀況下，可以有兩種方式來控制表單欄位，那麼今天就來介紹一下controlled component 和uncontroll...
時間來到 2020... 去年這個時間太忙碌，壓根忘記有鐵人賽這回事QQ今年好不容易想起來，就趕在報名截止日最後一天壓線參加啦選擇鐵人賽題目時，在 js 或 r...
本系列文以製作專案為主軸，紀錄小弟學習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： 這是我最不習慣的寫法，畢竟要用駝峰式的格式寫，就沒有樣式語法自動提示了...
Lieutenant
dc88
maxam
Jasper
river_huang
iThome鐵人賽
看影片追技術