學習優先順序/比重
C# 後端相關 寫測試 加強React 英文文法 GA/GTM JavaScript繼續深造 AWS https://github.com/kamranahmedse/developer-roadmap?fbclid=IwAR2RlyWI7gOiEv0C3mZPxyE7GuWRLO-2mX2Shef...
文章 - 第 26 頁
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
最近喜歡用這個...
C# Intermediate: Classes, Interfaces and OOP
C# Intermediate: Classes, Interfaces and OOP 最近買的一堂課，覺得還不錯，寫一下學習筆記。 在class那邊按 Alt + Enter 可以refactor代碼 code snippets ctor Constructor constructor over...
Naming convention
我是最近才看到原來 Id 有人會取成 ID 不過今天看C#的教學是取 Id C# Intermediate: Classes, Interfaces and OOP...
React Checkbox
function Checked() { const [checked, setChecked] = useState(false); return ( <div> <input type="checkbox" checked={checked} onChange={() => setChe...
difference between parameter and argument
...
了解網路運作
IP address standards and services Network protocols to use when you implement a network 這幾個軟體開發比較常用到 差別在你要比較熟的部分跟當故事看的部分XDDD 接著是把 network 和 host 的關係連...
AWS Learning
來學習用用看AWS AWS Amplify 看著它的文件，安裝了CLI之後，輸入接下來它會帶你到 IAM dashboard 學習連結： AWS Training & Certification Twitter： https://twitter.com/simonholdorf...
哈根大使
好吃的口味： 芒果覆盆子：第一名！甜中帶酸味道讓人睡醒 藍莓：還不差 咖啡：還不差 巧克力：還可以 榛果巧克力：不錯！香味濃 淇淋巧酥：還不錯 桑果雪酪：好酸不喜歡 草莓起酥蛋糕：不錯！ 草莓：讚讚讚 焦糖牛奶：不喜歡，太甜 萊姆葡萄：還不差 花生醬：讚讚讚，裡面有花生顆粒 抹茶：味道濃郁，不意外的...
日K點捨摸
https://www.youtube.com/watch?v=vSowFAYoqAY https://www.youtube.com/watch?v=2K1KaUyYIuM&ab_channel=199302021...
Redux Toolkit
reducer裡面要判斷陣列的時候，可以先slice深拷貝一下， 可是發現太多都是Proxy了，還是別在reducer故判斷好了 在createSlice裡面的initialState，記得如果有的值要設成null的話，它會沒辦法被destructuring出來。 例如 infoList: null...
React Label
<label for="male">Male</label> <input type="radio" name="gender" id="male" value="male"> <label> Name: <input type="text" name="name" /> </label> HTML...
Working with JavaScript Array
.push() returns the length of the array after modification, not the array itself....
React Summit – The Biggest React Conference Online
React Summit – The Biggest React Conference Online...
玩玩Vim編輯
常用指令： :wq save and exit :qa! exit Esc back to normal mode i insert 在pick那邊按ctrl + A 可以切換狀態（pick、squash…） 參考文章 How to Save a File in Vim / Vi and...
Complete guide to building an app with .Net Core and React
解釋Walking skeleton是什麼 這是烏的咪的一堂課，一邊聽課一邊做點筆記。 Complete guide to building an app with .Net Core and React 1-2教安裝.NET SDK Creating the .Net projects and r...
英文字典站
Lexico.com Cambridge Dictionary English Dictionary, Translations & Thesaurus YourDictionary Vocabulary.com – Learn Words – English Diction...
Telegram群組收集站
https://telegramgroups.pinkjelly.org/ 無聊寫的站站，收集一些Telegram群組...