買有翻譯的英文小說,之後再去買它的中文小說,交叉比對理解意思。
或是直接買有中英對照的書。例如愛麗絲夢遊仙境等等…
比較有名的作品例如1984就有英文/中文版。或是國外歐美翻譯小說也可以,總之逛逛書局有中文版的,它應該都有英文版,除非它原文是西班牙文什麼的!
Category: Uncategorized
學習優先順序/比重
- C#
- 後端相關
- 寫測試
- 加強React
- 英文文法
- GA/GTM
- JavaScript繼續深造
- AWS
後端40%測試30% 前端15% 文法15%
列個清單決定輕重緩急
isFirstRef
const isFirstRef = useRef(true);
useEffect(() => {
if (isFirstRef.current) {
isFirstRef.current = false;
return;
}
...........code to run.........
}, [xxx]);
這裡用useRef來判斷是不是第一次render,來和useEffect的偵測功能達到相輔相成的效果。
create custom hooks
把JSX分出來做成container
把用到的function包成一個useXXX的hook
前端學習懶人包
推薦網站:
W3Schools Online Web Tutorials
Developer Links
推薦的書:
以下是我覺得新手應該適用的書
網頁美編的救星!零基礎也能看得懂的 HTML & CSS 網頁設計
金魚都能懂的 CSS 選取器
最潮HTML5+CSS3網頁版型設計
深入淺出JavaScript
HTML5‧CSS3 最強圖解實戰講座
歐萊禮的深入淺出系列(挑自己想學的語言)
JavaScript 精選16堂課
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://www.crushpixel.com/
https://www.iconfinder.com/
https://pixabay.com/
https://www.dreamstime.com/
React Keys
- 不能重複
- 不能用uuid之類的,因為它每次都宣告一次會不一樣
- 一般如果來的資料裡,有獨一的id的話就用它(例如 item.id
- 如果沒有id,列表是不會變的話,可以用function給的index
- 如果列表是會變的話,不能用function給的index
JavaScript Tips
想要用console.log看值的時候,可以這樣打:
用意是在console上會比較好解讀
const luna = 'cute';
console.log({ luna });