筆記長也NotesHazuya

React 入門 -ReactHook: useEffect 與 useRef

上一篇我們已經介紹過了 useState 這個 Hook,今天要介紹的是 useEffect 與 useRef 這兩個 hook。 useRef 因為下面會用到這個,所以先介紹 useRef。前面介紹的 useState 在改變時會觸發畫面重......

React 入門 - ReactHook: useState

ReactHook是什麼? 在早期版本的 React 當中,如果想讓元件擁有 state 只能使用 classComponent ,而 ReactHook的出現使得 functionalComponent 也可以具有 state 的特性。 依據目前寫文章之時......

React 入門 - ClassComponent 生命週期函數

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

React 入門 - ClassComponent 中使用 state

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

React 入門 - Props 綁定資料與函式

Props 是做什麼的 Props 是 React 中用來傳遞元件屬性(attribute)的物件,例如: <button value="886">886</button> props......

React 入門 - React Component 元件

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

React 入門 - React 的核心:JSX特點與介紹

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

React 入門 -JavaScipt ES6 基本介紹

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

React 入門 - 基本介紹、環境建置與專案建立

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

在 PHP 中使用 Sqlite3

Sqlite Sqlite 是一個輕便的檔案型關聯式資料庫,常利用於本地端的資料庫儲存,例如 chrome 。而我們曾經在前幾篇文章介紹過如何在 laravel 中使用 sqlite,這一篇會介紹在原生的 PHP 當中使用 Sqlite......