#100DaysOfCode react專案

 

Day 1, Dec 12 2019

  1. 目前不支援直接用create react app指令來創專案,前面要加個npx
    詳見 https://create-react-app.dev/docs/getting-started/
    A template was not provided. This is likely because you’re using an outdated version of create-react-app.
    Please note that global installs of create-react-app are no longer supported.
  2. 創建完成後,它會自己幫你建好gitignore和一些檔案
  3. 馬上改用sass,用原本的css超不順手
    https://create-react-app.dev/docs/adding-a-sass-stylesheet/
  4. 導入emoji..發現有error還是能繼續用
    https://www.npmjs.com/package/a11y-react-emoji

Day 2

  1. 重開的時候我裝的Emoji套件掛了,感覺安裝node-sass之後好像偷拔了我的其它套件…把Emoji移除了

Day 3

  1. 發現安裝node-sass把我的router拔走了?
  2. 之後查了下這個解法
  3. Cannot read property ‘match’ of undefined
  4. 依他的建議成功解決了

Day 4

  1. 寫了一個用到hook的counter (完全抄官網的

Node with React 課程筆記

進度:3-17

Dec.5.2019
首先看教學說要新增一個資料夾,叫server,還要創一個package.json,
使用npm init -y來創造出package.json檔案。
這個指令就是 npm init –yes 的意思,可以省去按Enter的步驟。

參考閱讀:
The best time to npm init

接下來要安裝express…我就跟著安裝了。

--save: Package will appear in your dependencies.

March. 6. 2020

express是一個library,是一些方便的方法的集合,類似lodash?可以讓寫server比較方便一點,當然寫純JavaScript也可以,只是用express會比較方便一點。

想像node是一塊荒野,express是一個機場,它會做出各種因應不同的request的飛機,來讓東西可以塞進飛機!

March.8.2020

 heroku open 就可以到我的專案看看

Apr.4.2020

載入keys.js檔案,講師說因為它是 .js 所以可以省略它的副檔名。