我們先來看以下兩個例子，想想當 <Parent/> re-render 時，Child 會不會也跟著 re-render 呢？ function C...
昨天我們成功地建立了一個基本的 Kotlin/JS 專案，今天就讓我們開始來安裝前端常使用的套件 React 的 Kotlin 包裝版吧！ React 介紹與...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 製...
在上兩個篇章：初探 JSX 與 JSX 語法中，我們已經了解了 JSX 的由來、功能、內部原理以及語法了。在這個篇章中，我們將要學習如何把 React elem...
React 的 server side renderer 是在 react-dom 這個套件的 react-dom/server 下，API 就只包含 4 個函...
寫了多年的 js ，遇到不熟悉的使用情境大家肯定會先 console.log 一下 曾經在 onChange event handler 中印過 event 是...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 要...
回顧 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...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 在...
簡介 JSX JSX 全名為 JavaScript XML，是一種 JavaScript 的擴充語法，支援在 JavaScript 中撰寫 HTML-like/...
在了解什麼是render後，傑森從React官網看到另一個範例，有段文字這樣寫道: Component 使你可以將 UI 拆分成獨立且可複用的程式碼 什麼是...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。...
既然要自己寫SPA，我們先來談談前端框架，本文分成上下篇，這邊重點不在教會你使用，而是想告訴你框架做了些什麼，以下用React來當例子: 傑森是一名網頁設計師，...
簡介 React React 是一個用來製作 UI（User Interface, 使用者介面）的 JavaScript 函式庫，旨在用更簡易快速的方式建構前端...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 雖...
回到斯巴達鐵人賽的動機 距離上次參加 ITHome 鐵人賽已經三年多了，連續 30 天輸出文章的高壓洗禮仍歷歷在目，但在寫鐵人賽的題目： I Want To K...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 R...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 在...
React的props與state(上) props 的資料結構就是一個物件JavaScript Object，就像是var props={name:'jack...
React三種使用CSS方法 一、在檔案中寫寫css的第一個作法 Header.js import React from "react";...
今日關鍵字：無人...Redux 假如有一天，你在家煮了咖哩 不小心煮了太多 想分給對面的人 如果是以前都是平房時 直接走過去就好 如果場景變換成現代 你住...
React 元件的生命周期: 這是用console.log跑程式所出來的順序，數字是記錄而已。 1.constructor:初始化 4.render:在網頁上輸...
今日關鍵字：carousel 接續昨天把資料整理好了 今天要把資料呈現在畫面上 （不過這裡我想的輪播其實跟一般的輪播不同,沒有要自動播放 總之先來找找看）...
React圖文元件，重覆使用 利用一個元件，傳入多個網路圖片位置及文件名稱，做成類似相冊的東西。 匯入元件使用「import SrcTest from './...
接續昨天用 create-react-app 開啟專案之後， 今天要來看看我們的專案資料庫裡面有什麼東西！ What’s in my folders? 1....
今日關鍵字：interface 建立動畫格式 延續昨天的interface 首先幫我的動畫資料訂定格式 這時如果要設定一個動畫陣列 [Anime1 ,Ani...
JSX 1.JSX語法是React.createElement的簡寫語法，要使用它需要匯入(import)react函式庫，並且要透過babel工具編譯才可以。...
Agular: 我爸 Google 啦~ React: 我爸 Facebook 啦~ Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~...
maxam
灆洢 a.k.a Maplewing
Jasper
Henry Chang
DanSnow
yellow_river
jbuduoo
b97201019
Roy Wang
ryanyen2