圖片資源站
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群組...
練習不用滑鼠
WebStorm快捷鍵 Ctrl + B Go To Definition（Navigate to declaration） Alt + Enter Show intention actions Alt + Shift + F10 Run configurations Ctrl + W Extend...
機器，平台，群眾：如何駕馭我們的數位未來
很多人會做什麼事，可是他自己很難表達出來他是怎麼做到的，這是波蘭尼弔詭（Polanyi’s Paradox） nugget ice 礦塊冰感覺很特別… 機器人的創作 書上提到的企業： FirstBuild Indiegogo 喜飛思分析 Civis Analytics 小松製作所 K...
useRef()
大多應用的場景： 記錄之前的值，不需要re-render 對DOM加上一個ref 對input做focus… 這裡有個實用的 usePrevious 可以直接拿來用，不過用在input的時候，發現用右鍵刪掉input的值，再新增的話，它就會記空字串，要注意一下。...
讀書心得：未來十年微趨勢
騎單車通勤的人，身體健康，降低很多疾病上身的機率 兼職工作的人對工作的滿意度平均高於全職工作的人。 美國以前創業很難，會讓人想加入共和黨。 在美國很多有錢的亞洲人，教育程度也高。 在美國，經濟好的大多會投共和黨。 在有的國家，大麻合法化是個趨勢。...
英文文法
Learn English Grammar Online English Grammar 101 – Online Grammar Lessons...
褲襪心得
不透膚，不容易扯破...