Dana's blog

前些日子公司要部署了新的專案，所以需要跟 devOps 洽街 react 部署方式，因為 react 是 SPA 所以需要在 nginx 處理 try_file 設定，這樣才會解決 react-router 在 refresh 會找不到畫面的問題

在 create-react-app 的官方文件 Adding Custom Environment Variables 裡面有很詳細的寫怎麼建立開發 development 跟 production

Hyper 標榜是新一代超好看的 terminal ，官方網站 👉🏻 Hyper

每次做後台時，就會遇到一個問題 → 不同身份可以使用不同功能

開發時總有一種疑惑，不知道自己這樣自我感覺寫的 code 到底是好 code 還是糞 code，只能參考別人寫的專案或是文件，然後檢討自己的 code

在開始使用 hooks 後，其實蠻常使用 useState 或是 useRef，但沒有好好去探討他們之間的差異

一開始寫 react 後就知道 redux 狀態管理的方式，所以也很快就引入到專案使用，直到最近就突然想到，好像沒有很好的去理解他的演變ＸＤ

在 228 連假，剛好有時間可以來實驗一直很想試試看的一個功能

官方網站是這樣說的

在 react 16 後，其實 useState 跟 useEffect 很好上手，很快就可以知道在 fn component 哪裡可以使用，但一直沒有好好深入了解 useCallback 跟 useMemo 以及他們的應用場景，直到最近開始研究 react 效能優化等問題，才好好面對這兩個好用的方法

有時候本身有 fb 粉絲頁，也有官方網站，就可以用 facebook messenger plugin 來做兩個平台的連接，這樣潛在客戶就可以直接用官網通到粉絲頁的 messenger

雖然這篇是在 2020 發布的，但其實文章早在 2019 年底就寫好了，不過發布時也有把功能再測過，發現原本可以用功能有些就壞了，有些換了新方法...所以如果當你看到這篇並拿其中一個測試，然而卻有成功的話，那就可能是官方把問題修好了ＸＸＤ

野薑官網想從 fb 粉絲頁撈文章，呈現在官網上，如下圖

其實這篇應該要在 [SEO 開發注意事項 - 語意標記](https://blog.hidana.me/SEO 開發注意事項 - 語意標記/) 前，畢竟要先有骨幹才能有肉可以填 😂

因為 seo 最終要來面對處理 react 的 ssr 了啊！！！

語意標記大多在於寫完語意標籤後填上去，也因為不同形式有不同方式填寫

在 google 跑分時總是會出現，xxx.chunk.js 太肥囉，要該減肥一下呦，順便去除沒有用到的東西

在製作野薑官網時遇到一個區塊

在做搜尋選單時，常常會有些日期需求

要把 google form 嵌入到網站有好幾種方式

其實去年底就陸陸續續再重新整理 blog

在部署時，有時就會整合後發現根本地開發完全不一樣的情況

最近想把 react 網頁部署在 github page 上，並使用 custom domain，卻遇到了在子頁面重新 refresh 會有 404 的問題

前些日子接了一個 case，因為只有一個工程師加上一個設計，卻要完成有後台的網站