Lala Code

React 的特性與思維，我該先學哪個框架呢?

第一次參加 IT 邦鐵人賽，接下來會發一系列鐵人賽的文章，希望可以堅持到最後，一起加油吧！

Redux 是可以讓不同的組件，使用到共用的資料和方法，統一集中管理共用的狀態
Redux 不是 React 的 library，但很多 React 專案都會使用 Redux 來管理狀態，這也是學 React 比較複雜的地方🤪
好在官方之後出了 Redux Toolkit，也推薦大家使用 Redux Toolkit 來撰寫 Redux，它是以 Redux 為核心，也比較容易上手！

此篇版本為 react-router-dom 6.3.0
react-router-dom 可以設定 react 的網站路由，是以 react-router 為基底，所以新增後會自動引入 react-router
在 【IT 鐵人賽】你React了嗎? 30天解鎖React技能 裡有做更完整的介紹，可直接看這邊
【DAY 23】React-router-dom 路由設定教學，實現頁面跳轉(上)
【DAY 24】React-router-dom 路由設定教學，實現頁面跳轉(下)

作業系統：win10
在 windows 系統自動更新後，突然 C 槽就爆滿了，因為更新後的系統會產生一些多餘的檔案，有些是沒有用的廢棄檔案，不去清理只會越積越多，系統碟太滿就會導致電腦變慢，以下查到了兩個方法可以清理磁碟，整整幫我清出了 10G 可用空間呢！😍

Hooks 是 React 16.8 之後出的功能，可以單純使用函式組件，而不用寫 Class component

Hooks 優點

1. 更好管理有狀態的邏輯
2. 把相同邏輯放在同個地方，而不是強制基於 lifecycle 方法來分拆
3. Class 運作、學習較為複雜

context api 可以跨組件溝通傳遞資料，讓組件可以省去組件層層傳遞的麻煩

Portal 可以傳送組件到指定的元素，常用在有階層層級的 Modal