課程心得感想
91
極速開發

極速開發

六七八月都無感,九月突然狂破紀錄

日之呼吸

或許你早就輕鬆突破了,但這是我目前的極限:18 分

呼~ 打進 18 分了,一開始連 Deuce 都打不出來,計時器就跳出來告訴我時間到了。( 有 30 分這個 timebox 是好事,因為過了 30 分之後,自己都不知道自己在打什麼 ) 一開始也不太相信自己能打進 30 分之內,後來打進了 30 分,再練習了幾次,破了 25 分,這時候卡在 22 ~ 23 分一段時間,以為就要止步於此時… 突然就破了 20 分,隔天再破 18 分。

一顆想更快的心

有一次在公司分享「使用 React Hooks 改寫 Class Component 成 Functional Component」時,過程有 live demo,因為怕同事等太久,所以有了想打快的心,但還沒有打快的手,可稍微抓到了「想更快」的感覺。

如何學習

誠如破魔師所言:「Watch and Learn」我開始把老師跟學長姐們的影片放慢來看,把影片裡尻出來的招式,寫在便利貼上 ( 一招、一概念寫一張 ) 貼在螢幕旁 ( 像小時候打電動台的招式表一樣 ),直到沒位子貼為止。

然後一次挑一到三招來練,不求快,但求自覺、刻意、逼近、精準 (opens in a new tab),如果不小心用了舊招打完了一段,這一段就重來,刻意用新招來打,這個過程會讓你比上一次的極限還慢,一次練幾招,每一招都能讓你快一點點,連起來就是日之呼吸第十三型 ( 在我那個年代是降龍十八掌 (opens in a new tab)啦! ),整套 Kata 打完之後,帶上想更快的心再打一次,通常都能突破上一次的極限。

這些招式熟用之後,就把便利貼撕掉,再去看影片,看看有沒有新招,直到現在,還有兩三張便利貼在我的螢幕上。( 看完九分大神,我的螢幕又貼滿便利貼了😓 )

IDE 的選擇

我一開始是用 VSCode 的,老師是推薦用 WebStorm 的,原本想像藤原拓海一樣,一天開八六、一天開硬皮鯊去送豆腐,但比較了重構資源、效能之後,我就放棄了這個想法,這完全不是同一個檔次,別說靠技巧去追上昨天的自己,根本是連車尾燈都看不到。

自己的車自己改,才能體驗人車一體、貼地飛行

怎麼影片這麼打就有這樣的效果?怎麼我這麼打就什麼事都沒發生?因為設定不一樣,現在我的開發環境已經變成我的形狀了,改了 WebStorm 的設定:Live Templates、Postfix Completion、Inspection...,也改了 IdeaVim 的設定檔,現在如果發現 WebStorm 有不錯用的功能,我可以選擇新增快捷鍵,也可以綁到 vim 的指令上,這邊要特別感謝 Cloud,少了他,我可能要再慢上五分鐘。

目前持續突破中 不錄了~不錄了~

後來卡在 14 分一段時間,想說:「拼一下,練到破 14 分就不錄了」,沒想到一舉突破 13 分,呼~不錄了,這次是真的不錄了,日後會在工作上進化,有新綁了 ReactExtractComponentAction,常用到的就綁一下。

不錄了

附上人權

Extreme Developing From Scratch (opens in a new tab)

下集預告(不一定會有)

  • 如何內化在前端開發上、完美融合 HTML、JS、CSS、ReactJS、styled-components?

coming soon

2023/05/08 補充

  • 練到 15 分完工應該就差不多了,最多到 12 分就好,再過去就是在玩 speedrun,但大家應該不是來當 speed runner 的,所以意義不大。
  • 能綁到 vim 的指令上的功能,就不要綁到 IDE 上,這樣才能在不同的 IDE 上使用。
  • 有些功能是 IDE 獨有的,像是 WebStorm 的 Live Templates,這些功能就要綁到 IDE 上,但這些功能都是可以在不同的 IDE 上匯出、匯入的,所以不用擔心換 IDE 就要重新設定。
  • 兩年沒摸 VSCode 了,不知道 VSCode 在重構上有沒有進步,如果有的話,還請跟我說。