C# List Class
C# | List Class – GeeksforGeeks C# List Collection List<T> Class...
2020 年 11 月
Product Market Fit
看書提到：要開發一個產品之前，要先確認它有沒有市場需求。...
Array方法選用
const words = [{...}, {...},{...},{...},{...},{...}]; 這時候想要取出其中一個物件，要用什麼方法呢？ 如果使用filter，可能會變這樣 [{...}, {...}] 回傳的還是陣列，要取它裡面的值，需要這樣 words[0].value ...
Async/Await
因為JavaScript是non-blocking，例如去買電影票排隊，排到跟剪票的人說：「欸，我沒帶票，我老婆要過來了，可以等我嗎？」剪票的人說：「不行，你後面還有一排人欸，你先站邊邊，等老婆來了再排啦。」這就是JavaScript的運作方式。 If something needs to wait...
Good code || Bad code
看了這篇，大致重點如下： const fatLuna = { kg: 999, test: true }; const ano = { kg: 7, style: "flurry" }; 要console.log的時候， bad code： console.log(fatLuna); console...
火鍋店
八神火鍋，肉跟菜都蠻新鮮的，還不錯吃，缺點就是肉的份量不夠多。...
手把手的webpack + react教學
首先先開一個專案 npm init 開好專案之後，安裝webpack npm install webpack webpack-cli --save-dev npm install react react-dom npm i @babel/core babel-loader @babel/preset...
nanoid 套件推薦
從 DigitalOcean 的 這篇文章 看到推薦，就來用看看，拿來用在react的key上面 nanoid – npm...
Eslint 配置教學
如圖，可以快速裝好airbnb規範 輸入這個指令 npx eslint --init 安裝完之後，在webStorm的設定那邊開啟eslint 之後就會看到一堆可怕的紅線惹。然後再搭配prettier 再新增.prettierrc檔案 { "printWidth": 100, "singleQuot...
Babel
babel裡的plugins是晶片，有各種晶片可以提供各種的功能。然後就有懶人包：presets，可以想像成是晶片包（其實也可以比喻成各種菜組合成的便當） babel7可以建一個 babel.config.json 檔案來做設定 使用async/await會報錯： regeneratorRuntim...
買了吸夏噗的書
公司需求，我要開始學C#，買了二本書來看看。覺得應該要買英文的？可是英文的還要等…不然要去天瓏書局看看。...
架webpack-dev-server在本機端跑跑
姆喵要在本機端看程式變怎麼樣，所以需要這個功能。 很簡單，首先先安裝 webpack-dev-server 再看怎麼辦。 npm install webpack webpack-cli webpack-dev-server --save-dev 喔對了還要安裝這個 npm i html-webpac...
webpack && react
不想用腳手架 create-react-app 的時候，就需要研究一些有的沒的。 搜尋關鍵字： react webpack tutorial 參考文章： A mostly complete guide to webpack (2020) Tutorial: How to set up React, ...
ES6 Modules
在寫react常用到import和export，這些就是ES Modules，目前已經被大部份的瀏覽器支援。就連Node.js 12版以上也支援了。 需要用到module的程式，在script上需要加上type=”module”註記 <script type="module"...
React-Testing-Library 學習
要看render出來的結構長怎麼樣，可以用 screen . debug ( ) ; 覺得要query的element有可能不在的話，用queryBy，因為getBy如果找不到就會throw Error。 不應該去測試DOM的結構，DOM的結構應該當成黑箱子。 假設有個按鈕，用getByRole不要...
useMemo & useCallback
import { useMemo } frmo ‘react’; 使用 useMemo 來幫進行大量運算的function做cache，如果要傳給它下一層的component的話，再用 useCallback 包起來。 useCallback 顧名思義就是一個callback...
WebStorm – prettier
首先先安裝 prettier npm i prettier -D 之後到Settings裡面找當前目錄下的node_modules裡的prettier 再勾選on save，就可以在save的時候自動幫忙format。（eslint不用裝也會） 選package.json，它會跳出這個提問，選Yes...
Upcoming Event
October 5-7, 2021 ElasticON Global 11/29 https://reinvent.awsevents.com/ https://www.outsystems.com/nextstep/2021/ 10/21 http://reactjsday%202021%20@1...