ReactJS入門 - ClassComponent 生命週期函數
何謂生命週期 大部分的前端框架都會有元件的生命週期,也就是渲染動作的流程。在 React 的元件之中,總共有三種不同時機: 元件安裝時(mount) 元件更新時(update)......
ReactJS入門 - ClassComponent 中使用 state
state 是什麼 在前幾個篇章當中我們提到了只有當 Props 以及 State 的值被更新了, React 才會使畫面重新渲染。而 State 是 ClassComponent 中一種特別的成員變數,當值被改變時即會觸發 re-render 的......
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......
前言 由於 React 利用了很多 ES6 標準的 JavaScript 的語法與特性,在開始介紹 JSX 之前必須要先熟悉 ES6 的語法。 ES6 是什麼? 可能有人會好奇 JavaScript 不就是 JavaScrip......
棄坑 Angular 本篇文章是 react 入門系列的第一篇文章,之前在剛接觸前端框架的時候,選擇了 Angular,但是礙於 Angular 比較多自己的規範,上手難度比起 Vue 與即將開始介紹的 React 複雜不少,如果讀......