ReactJS入門 － ClassComponent 生命週期函數

何謂生命週期 大部分的前端框架都會有元件的生命週期，也就是渲染動作的流程。在 React 的元件之中，總共有三種不同時機： 元件安裝時（mount） 元件更新時（update）......

ReactJS入門 － ClassComponent 中使用 state

state 是什麼 在前幾個篇章當中我們提到了只有當 Props 以及 State 的值被更新了， React 才會使畫面重新渲染。而 State 是 ClassComponent 中一種特別的成員變數，當值被改變時即會觸發 re-render 的......

ReactJS入門 － Props 綁定資料與函式

Props 是做什麼的 Props 是 React 中用來傳遞元件屬性（attribute）的物件，例如： <button value="886">886</button> props......

ReactJS入門 － React Component 元件

元件的概念 在製作網頁的時候，會有一些部分被重複利用，例如常見的導航欄。為了能不必重複篩寫程式碼，因此出現了元件的概念，將網頁切成數個元件，就能不必重複篩寫且更易於管理。至於如何切出不同的......

ReactJS入門 － React 的核心：JSX特點與介紹

在開始之前 請先打開上次建立好的 hello-hello-world 專案當中的 index.js ，然後替代成為下面的程式碼： import React from 'react'; import ReactDOM......

ReactJS入門 －JavaScipt ES6 基本介紹

前言 由於 React 利用了很多 ES6 標準的 JavaScript 的語法與特性，在開始介紹  JSX 之前必須要先熟悉 ES6 的語法。 ES6 是什麼？ 可能有人會好奇 JavaScript 不就是 JavaScrip......

ReactJS入門 － 基本介紹、環境建置與專案建立

棄坑 Angular 本篇文章是 react 入門系列的第一篇文章，之前在剛接觸前端框架的時候，選擇了 Angular，但是礙於 Angular 比較多自己的規範，上手難度比起 Vue 與即將開始介紹的 React 複雜不少，如果讀......