Month: August 2020

需求功能：

1. 要有swipe功能
2. 無限loop

參考文章：
Create a react carousel using react hooks
用了flex, hook
React Hooks Slider: How to Build an Image Slider With React Hooks

記得之前自己做輪播的時候主管教的
用 translate3d 取代 translateX，效能會比較好

查了一下詳情：
How to GPU accelerate CSS transform?

https://morioh.com/p/35861cd474a2
運用新的技術解決tooltip的index問題

週五下午事情告落，主管心情不差的樣子，請大家鬆餅
花生醬卡士達鬆餅，很好ㄘ～！🥳🥰🤗

週一主管心情不好，又點了鬆餅（蝦？）

焦糖卡士達鬆餅…感覺味道搭起來沒有很喜歡

When to use React.useCallback()
Your Guide to React.useCallback()

Performance Optimizations

React Hooks 第一期：聊聊 useCallback

．component有更新，一定要跑npm run compile2

ex: dist資料夾有一個folder叫  LunaCute
後來改成 lunaCute之後，
git 無法判斷 lunaCute的 L變成大寫了
所以再怎麼push，還是一樣會是小寫
這時候可以：刪除整個資料夾，push(刪掉的進度)，之後再再推新的資料夾上去

 

To remove array duplicates in #javascript, you can use the filter() method. The indexOf is checking if there is occurrence of the looped item within the array. If it doesn't pass the check, it will be filtered out ✨

🍎 Code notes:https://t.co/1XpDp6YDSH pic.twitter.com/v8ir61kMk1

— Samantha Ming (@samantha_ming) August 6, 2020

 

Route Matchers
幾乎是最重要的部份！連結要「深入淺出」

<Route path="/contact/:id">
　<Contact />
</Route>
<Route path="/contact">
　<AllContacts />
</Route>

在這裡如果連結是  /contact/luna
那
<Route path="/contact">
要放在
<Route path="/contact/:id">
的下面，這是優先層級的概念。（所以根目錄一定要放在最下面）連結位置要由細到粗，除非加了exact

Switch 包住依網址不同，需要動態呈現的區域，

另外根路徑通常都會加上exact。為啥哩。因為所有網址都match押！

https://stripe.com/docs