學習優先順序/比重
C# 後端相關 寫測試 加強React 英文文法 GA/GTM JavaScript繼續深造 AWS https://github.com/kamranahmedse/developer-roadmap?fbclid=IwAR2RlyWI7gOiEv0C3mZPxyE7GuWRLO-2mX2Shef...
2021 年 3 月
isFirstRef
const isFirstRef = useRef(true); useEffect(() => { if (isFirstRef.current) { isFirstRef.current = false; return; } ...........code to run......... }, ...
create custom hooks
把JSX分出來做成container 把用到的function包成一個useXXX的hook...
前端學習懶人包
推薦網站： W3Schools Online Web Tutorials Developer Links 推薦的書： 以下是我覺得新手應該適用的書 網頁美編的救星！零基礎也能看得懂的 HTML & CSS 網頁設計 金魚都能懂的 CSS 選取器 最潮HTML5+CSS3網頁版型設計 深入淺出Java...
SEO學習
※注意，這是一些以前學的概念，現在應該不一樣了，看情況調整 越老的網域越好 常常更新更好 內容要優質 裡面的連結有人點的話，會加分 img 要有alt的文字 Should be Mobile Friendly...
styled-components
我只知道用起來蠻爽的，因為不想要像tailwind css 寫一堆class在JSX上 （覺得看起來不好看） 不過eslint的檢查功能會失效，上網找到這個套件來用用： eslint-plugin-styled-components-a11y...
圖片資源站
https://www.canstockphoto.com/ https://www.storyblocks.com/ https://dominica.desertcart.com/ https://www.123rf.com/ https://www.iconfinder.com/ https:...
React Keys
不能重複 不能用uuid之類的，因為它每次都宣告一次會不一樣 一般如果來的資料裡，有獨一的id的話就用它（例如 item.id 如果沒有id，列表是不會變的話，可以用function給的index 如果列表是會變的話，不能用function給的index How to Choose a Key in...
JavaScript Tips
想要用console.log看值的時候，可以這樣打： 用意是在console上會比較好解讀 const luna = 'cute'; console.log({ luna });...
學英文資源
HiNative...
廚房
...
修改iframe的CSS
接到一個需求要改iframe的樣式，嘗試發現可以，不過在不同的domain會有問題。 正確實作： http://react-truffle.pinkjelly.org/iframe 有些文件要研究一下： HTMLIFrameElement contentDocument contentWindow...
Next.js 懶人包
【圖片要放哪裡】 可以放在public資料夾裡，詳細可以看 Static File Serving 【要怎麼改port？】 像這樣： "dev": "next dev -p 3005", 【styled-components要怎麼加？】 除了安裝之外還有其它設定工作 如果用TypeScript的話要...
Optional chaining
最近喜歡用這個...