0%

前言

最近要轉換跑道學習開發 React Native,學習的課程是 Kadi Kraman 的 React Native v2 ,寫這篇筆記的時候是學習 React Native 的第三天,不知不覺到了這個課程的結尾,算是窺探了 React Native 的冰山一角,基本的 Component、簡單的 Navigation、基本的 Form 都在這個課程學到了,未來應該還有超長的路要走,祝我自己一切順利 QQ

話說,React Native 開發上我覺得算是好理解,至少 API 可以看文件,真正讓我感受痛苦的應該是 TypeScript,常常錯誤訊息看半天還是摸不著頭緒,不禁感嘆一袋米要扛幾樓,痛苦歸痛苦,最後還是完成課程惹,感人。

初學 React Native,概念上應該會有不少錯誤,如果有誤的話也麻煩不吝指正,非常感謝!

Read more »

前言

最近要轉換跑道學習開發 React Native,學習的課程是 Kadi Kraman 的 React Native v2 ,寫這篇筆記的時候是學習 React Native 的第三天,這個章節的前半部在講 Hook,算是我相對熟悉的區塊,看到熟人總是有點感動。

初學 React Native,概念上應該會有不少錯誤,如果有誤的話也麻煩不吝指正,非常感謝!

Read more »

前言

最近要轉換跑道學習開發 React Native,學習的課程是 Kadi Kraman 的 React Native v2 ,寫這篇筆記的時候是學習 React Native 的第二天,App 的 navigate 和 web 差蠻多的,目前處於一個對未知領域感到有趣的心裡狀態。

目前除了 React Native 以外,還有 TypeScript 這個挑戰,因為我對於 TypeScript 沒有到很熟,常常搞 type 搞到有點心死。

初學 React Native,概念上應該會有不少錯誤,如果有誤的話也麻煩不吝指正,非常感謝!

Read more »

前言

最近要轉換跑道學習開發 React Native,目前學習的課程是 Kadi Kraman 的 React Native v2 ,現在仍然是我學習 React Native 的第一天,這篇主要是關於 React Native 的基本 Components、Styling 等內容的筆記,因為是從 web 轉來寫 app 的原因,所以我都會從 web 的角度來與 app 做比較。

目前比較不習慣的地方大概是 React Native 在 flexbox 的 direction 和 web 不同,希望會越寫越習慣啦。

如果閱讀到這篇文章的話,有些章節會有 Exercise 的章節,建議跟著動手做,因為後續的章節都會藉由 exercise 來做延伸講解。

初學 React Native,概念上應該會有不少錯誤,如果有誤的話也麻煩不吝指正,非常感謝!另外我發現自己 Blog 的 code syntax highlight 很有問題,遇到 jsx 和 tsx 都會醜得不行,還請見諒,有空我會修正 der QQ

Read more »

前言

最近要轉換跑道學習開發 React Native,目前學習的課程是 Kadi Kraman 的 React Native v2 ,之前完全碰過 App 的開發,所以寫這篇文的時候是我學習 React Native 第一天,主要是講講基本的 Setup,但應該會跳過 Native 的 Setup,單純只使用 Expo。

我認為這門課程適合的人:

  • 會使用 React 的人
  • 沒碰過 React Native 的人,而且對 React Native 有興趣

課程最終會做出一個簡單的 React Native App,功能就是可以顯示現有的調色盤、檢視調色盤的細節、彈出 Modal 新增調色盤等等。

大概就這樣,因為初學的關係,內容應該會有諸多錯誤,有誤的地方也麻煩不吝指正,感恩感恩。

Read more »

前言

此為 frontend master 的 Functional-Light JavaScript, v3 的課程筆記,這篇講的是 composition,指的是如何把 function 結合,將小積木堆疊成大城堡的技巧。

內容不完全和課程編排相同,單純是個人消化過後的編排。

因為剛開始學 functional programming 的緣故,內容、觀念可能會有諸多錯誤,如有發現錯誤麻煩不吝指教,感謝!

Read more »

前言

此為 frontend master 的 Functional-Light JavaScript, v3 的課程筆記,這篇講的是 functional programming 中 closure 的應用,像是 memoization、partial application、curry,以及在 functional programming 中使用 closure 要特別注意的地方。

內容不完全和課程編排相同,單純是個人消化過後的編排。

因為剛開始學 functional programming 的緣故,內容、觀念可能會有諸多錯誤,如有發現錯誤麻煩不吝指教,感謝!

Read more »

前言

此為 frontend master 的 Functional-Light JavaScript, v3 的課程筆記,這篇講的是 point free,point free 是我在剛接觸 FP 時完全不懂的概念,經過一點時間的接觸後,我想應該有比較了解 point free 的概念了,所以這篇就來稍稍講解什麼是 point free、point free 的好處是什麼。

內容不完全和課程編排相同,單純是個人消化過後的編排。

因為剛開始學 functional programming 的緣故,內容、觀念可能會有諸多錯誤,如有發現錯誤麻煩不吝指教,感謝!

Read more »

前言

此為 frontend master 的 Functional-Light JavaScript, v3 的課程筆記,這篇主要講的是 argument adapters,在使用 function 時,不一定每個 function parameters 的順序、數量符合我們的需求,因此就需要透過 adapter 去調整,把 function 修改成符合我們需求的形狀。

內容不完全和課程編排相同,單純是個人消化過後的編排。

因為剛開始學 functional programming 的緣故,內容、觀念可能會有諸多錯誤,如有發現錯誤麻煩不吝指教,感謝!

Read more »