---
# System prepended metadata

title: 前言&React介紹
tags: [' react-page', note-page]

---

---
title: 前言&React介紹
tags: note-page, react-page
---

# 前言

> 為甚麼我會想寫這個呢? 是因為專題遇到有點雷的組員!?
> 有點雷嗎?! 沒有!! 是很雷的那種。
> 都不願意自己找資料，只好我來寫囉!!
> 但是又要跟其他文章有所區別
> 所以我用實做一個專案的方式來引導
> 那如果有任何地方錯誤的話都歡迎指教喔!!
> **contact: anthony.a3203@gmail.com**

:::danger
這篇文章比較偏向實作，而在觀念上的解釋比較缺乏
畢竟主要是要寫給我的組員速成用的

在這之前你必須有以下語言的基本能力：
- HTML
- CSS
- Javascript

這樣你會比較好上手
:::

# React 介紹

## 什麼是 React

React是一個javascript函式庫。

什麼?就這樣?

對!! 就這樣。這是我認為最簡單的解釋方式，雖然太過於簡單了，但是對於很多基礎知識的人來說，扯太多並不是好事，對於基礎知識豐富的人來說....
你們還是直接去讀[官方文件](https://reactjs.org/docs)吧!!

## 為甚麼需要 React

近年來瀏覽器與javascript快速的發展，從原本前端幾乎不用做什麼運算，
漸漸地變成了網頁應用程式，原本死板的靜態網頁，開始像是有了生命一樣，可以有各式各樣的變化，甚至可以跟使用者互動。

於是乎出現了像是React的函式庫，來達成:
- 串接各式資料
- 更好的將資料視覺化。
- 降低開發複雜度
- etc..

我們將這些函式庫稱為"框架(framework)"