我很 LAZY~~~ 🤭🤭🤭

:bowtie:

阿葛之聲開台

好啦! 這點子在腦袋瓜已經有一陣子了~

一個網站 :

有我錄製的心情聲音

隨意的音樂

認真的創作

簡單的文字

生活的體認

想寫想說想分享的

我很 LAZY

故事是這樣的

ㄟ~~~~ 這畫面是不是有點慢啊!?

已經被嫌棄超過半年的畫面 LOL!

每次 init 的時候都很久!!!!!

一直看 logo 縮大放小又變大變小

(話說之前單位的客戶說: 不要 轉圈圈的 loading 會把 財運都轉掉! XDDD )

好回正題!

其實 開發初期的時候 就知道可以用 lazy loading

但那時候就 還很小包 沒有太大的動力!?

就這樣 在本單位滿一年又快一個月的時刻 又被 Q 了!

ㄟ~~~ 這畫面有點久阿!!!

阿幹! 我自己知道阿 :octocat: 很好解阿 可以不要再念了嗎 XDDD 幹 XDDDDD

可能 上週日 大熱天熱跑 火氣還在體內 XDD

反正 言者無意 聽者有意 XDDD

覽趴 八毛 看! XDDD

越是讓你心情起伏刺耳的事物 越有成長學習的空間

就這樣 下班 運動完 心情快樂

回家查一下 用不到 20 分鐘就改好了

我拖了 快 7 個月

就像 No Rules Rules 裡面提到的 鼓勵誠實的文化

感謝 團隊大家都敢言 & 當責 我也把最真實的情緒表達出來 XDD

這樣才能共同一致的把目標達成

好 阿葛之聲今天就到這拉! 掰掰~~~

Lazy loading

import React, {lazy, Suspense} from 'react'
const Home = lazy(() => import('./Home'))
const EnglishOne = lazy(() => import('./EnglishOne'))
const EnglishTwo = lazy(() => import('./EnglishTwo'))
const MathOne = lazy(() => import('./MathOne'))
const MathTwo = lazy(() => import('./MathTwo'))
const App = () => {
return (<div>
  ...
  <Suspense fallback={<div>LOADING</div>}>
  
    <Route 
      exact path="/" 
      component={<Home/>}
    />
    <Route 
      exact path="/english-1" 
      component={<EnglishOne/>}
    />
    <Route 
      exact path="/english-2" 
      component={<EnglishTwo/>}
    />
    <Route 
      exact path="/math-1" 
      component={<MathOne/>}
    />
    <Route 
      exact path="/math-2" 
      component={<MathTwo/>}
    />
  
  </Suspense>
</div>)
}
export default App;

Reference

• Lazy-Loading React Components