Udemy課程：Modern React with Redux [2023 Update] 20230716Sun. 2-10. Showing Basic Content注意！當我們的project在瀏覽器開始執行後，index.js這個檔案會是第一個被執行的！（i.e.index.js即程式的進入點） 所以我們將在index.js這個檔案中產生一些component並顯示到網頁上。大致上會有5個步驟： step1. Import React and ReactDOM libraries 參考資料： [筆記] Why React? Virtual DOM | 為了瞭解原理，那就來實作一個簡易 Virtual DOM 吧！ 從react和react-dom的關係開始 diff 算法深入一下？ keywords: React、ReactDOM、Virtual DOM、diff algo先引入React跟ReactDOM這兩個函式庫。 12import React from 'react';import ReactDOM from ' ...

Udemy課程：Modern React with Redux [2023 Update] 20230715Sat. 1-8. Create the React Project這裡直接參考另一堂課做得筆記 Step 1. 下載Node.js Step 2. 接著就可以利用Node.js的套件管理工具npm進行安裝React的環境。首先在電腦桌面打開終端機（terminal）（亦即終端機目前所在檔案位置為桌面），並且於終端機中輸入： npx create-react-app my-app 此時npm便會幫你安裝且建置好一個React專案”my-app”。PS “my-app”為專案名稱，可自行改成任意名稱。 Step 3. 利用cd進入到"my-app"的檔案位置。 cd my-app Step 4. 最後在終端機打上`npm start`，便可以透過http://localhost:3000（預設為3000）打開"my-app"專案： npm start 當有跳出React的網頁（如以下畫面）即成功建置Re ...