Elixir 雜記

說文解字:雜記

就是沒有整理過的筆記,內容沒有結構而混亂,筆者想到什麼就寫什麼。

例句:這一篇文章是一篇雜記。

閱讀全文

Kitchen 與 Packer 實戰

目標

讓 DevOps 可以在一鍵部署 準上線狀態 的 AMI。

所謂的準上線狀態,是這個 AMI 已經包含了…

閱讀全文

React Native Navigator 求生紀實

在跟 React Native 搏鬥近兩個月後,navigation 還是在我不經意的情況下爆炸了。

route decoupling

這個問題出在我把 navigator 這個屬於 component 範疇的 object 傳給 redux action,導致 decoupling 不完全;另外一個問題是我違反了 component pattern,階層較低的 component 不該有機會能夠直接參考到階層較高的 component。例如以下的 code。

閱讀全文

React Native, react-native-fbsdk 與 Facebook SDK

由於 app 需要 Facebook 第三方登入的功能,需要 Facebook SDK;好歹 React Native 也是 Facebook 官方的開源專案,為 React Native 開發一個 react-native-fbsdk package 是一定要的。SDK、npm package 與開發框架全員到齊,一副勢如破竹的氣勢,要寫出一支強大的 app 應該不會有什麼問題了吧?

閱讀全文

如何在 factory_girl 中為有繼承關係的 Rails model 定義 Factory

問題

例如以下 Ruby on Rails 程式碼。

1
2
3
4
5
6
7
class Member < ActiveRecord::Base
# has a string column named `email`
end

class Admin < Member
# ...
end

閱讀全文

React Native 的觸控區域

樣式上的差異

在 React Native,如果需要觸控區域,我們有兩個選擇:<TouchableWithoutFeedback /><TouchableHighlight />。根據文件,官方並不希望我們使用前者,原因基於前者不會對觸控產生回饋,會讓使用者對觸控是否有效產生不必要的誤解。

閱讀全文

React Native 從 0.28.x 升級與 flexbox

React Native 雖然有 React 一詞,但與 React.js 的關係還是僅止於名稱而已。從 0.28.x 開始,flexbox 被調整地更接近 CSS3 標準。在 0.28.x 之前,對一個 <View /> 填上 flex: 1 屬性並不會劇烈地改變 <View /> 的呈現形式。但 0.28.x 之後,flex 屬性開始具備延展性。也就是說,我們不能再隨意地為 <View /> 添加 flex 屬性否則在需要 inline 樣式的容器中,所有的元素將被延展,導致元素與容器一起變形。

閱讀全文

當 iTerm 執行完 RSpec 之後彈出通知

問題

我的 Ruby on Rails 專案我都習慣會寫 RSpec,但問題是只要專案一變大,RSpec 就會跑個二到三分鐘,以前我不是傻傻地盯著畫面等它完成,不然就是偷閒跑去看影集,往往把一集看完了才想起來有 RSpec 在執行。

閱讀全文

在 React Native 中使用 moment.js 無法載入語系檔案

moment.js 是很常見的日期時間 library,友善的 API 與極佳的執行效率是它的兩大賣點。例如 (new Date()).getFullYear(),如果使用 moment.js 我可以只寫 moment().get('year'),可讀性增強許多。

閱讀全文

React Native 動畫初體驗

前言

開發 app,你必須有 總有一天一定要處理轉場動畫 的覺悟。死拖活拖幾個月後,我還是迎來了第一個 React Native 動畫。

閱讀全文