React Native 與 React DOM 差異

事情是這樣的, 我被朋友騙去寫了 React Native, 號稱只要我會 React 就會寫 React Native, 於是來紀錄一下這些讓我相當火大又浪費一堆時間的東西.

既然朋友都這樣說了, 他還跟你說了 你只要把 div 換成 View, span 換成 Text, 剩下都差不多 這樣的事情, 沒有仔細閱讀文件的我就撞個滿頭包了…

  • Style 寫起來真是超絕痛苦, 於是我一開始就是寫 helper 把這部分智障化.
  • Text 好像是 inline 卻又不是 inline, 有些 style 有影響, 有些卻沒有.
  • Flexbox 預設的方向是 column, 不是 row (WTF?)
  • TextInput 不認識 onInput, onKeyDown, 他只認得 onChangeText 而且直接給 value, 而且在使用 Controlled Component 模式時會有中文輸入問題.
  • 但是 Select 的卻是 onValueChange 而不是 onChangeValue
  • 模擬器操作超絕不人性化, 逼人用實體機器. (React Native: 又不是我的錯 QQ)

總之在一個多月的碰撞以後, 對 React Native 的元件使用已經有了相當的理解, 排版能夠自由使用 flexbox 也算是挺方便的, 我很感謝這位朋友給了我這個機會去體驗這項潮潮技術, 但可以的話, 我這輩子以後不會想再寫 React Native 了… 畢竟其實我本來就不是很喜歡 React.

除此之外, 還試著體驗在 Ruby on Rails 專案上實作 GraphQL 的介面, 前端採用 Apollo Client, 感覺良好舒適無比.

如果你的團隊需要資深後端/全端工程師, 歡迎聯繫我, 全職/兼職皆可.

Written on September 1, 2018