What is React? React是什麼，React 官網上這句話簡潔正確的告訴大家，React 是 "A JavaScript library for building user interfaces."，React 就是一個建立使用者介面的套件(library)，這裡的 interfaces是指在電腦螢幕上使用者可以看見和互動的元素(elements)，就是下圖中的 logo 等元素。

React 不是一個 maga framework，不是一個全能的 full-stack solution，React 只是 app 中的 view layer。在 app 中我們會產生一些資料，我們想要將這些資料給使用者介面(UI, User Interface)，所以我們將這些資料給 React Component，React Component 再將這些 HTML 資料給使用者介面。

再單純的 JavaScript 環境，如果要增加一個 元素，需要寫如下一大串指令:

<!-- index.html -->
<script type="text/javascript">
  const app = document.getElementById('app');
  const header = document.createElement('h1');
  const headerContent = document.createTextNode('Hello World !')
  header appendChild(headercontent);
  app.appendChild(header);
</script>

再 React 下，使用 JSX 語法，只需要兩行程式碼:

<script type="text/jsx">
  const app = document.getElementById("app")
  ReactDOM.render(<h1>Hello World !</h1>, app)
  </script>

再開始開發 React 專案前，需要了解 React 的三個核心觀念 Components，Props，和 State。