咱們如何使用React Native和Parse開發Out the Window

原文連接：https://code.facebook.com/posts/513523428806608/how-we-use-it-building-out-the-window-with-react-native-and-parse/
caisijie翻譯於 2015/12/21

在Facebook， 咱們對食物的態度一樣一絲不苟。廚師天天用新鮮的，當地的食材爲數千位員工服務而感到自豪。Out the Window是咱們最新的快速服務餐廳之一，它提供了從雞塊到墨西哥比薩餅的各類菜品。訂單不是由咱們的烹飪團隊的成員負責生成，而是由一個單點銷售系統，她由咱們的工程師用使用Facebook核心技術開發而成。
caisijie翻譯於2015/12/21

當員工訪問Out the Window的時候，他們在iPad上經過一個用React Native編寫的程序下訂單。菜單項，事務處理和其它的特性構建在Parse後臺。最酷的是，員工線上下單後15分鐘後就能去取餐。

開發用於iPad上的訂單系統很是快速。React Native符合直覺的佈局語義和快速反饋，幫助咱們快速的迭代，並最終按時爲Facebook新樓開張交付程序。簡單的說，React Native對CSS取其精華，去其糟粕：

1. Flexbox佈局模式與React Native佈局引擎本質相關。在以前要把一個block在父元素垂直居中困難且難懂，如今只須要一行用flex的CSS就能夠完成。

2. 樣式聲明與組件更加緊密相連。這意味着更少的選擇器，也就更少雜亂，難以維護的CSS文件。但你能夠經過在組件級別的複用來減小重複代碼。

也許React Native最棒的是你能夠像開發Web程序同樣開發本地程序。你不須要每次代碼改動時都從新編譯（在調整頁面佈局時這很重要），並且你可使用Chrome或者Safari的開發套件和控制檯去調試你的程序。

咱們在廚房裏安裝了一個熱敏打印機去生成訂單。你可能認爲打印一個訂單很簡單，可是支持經過iPads和網站生成訂單增長了複雜度。使用Parse，便能簡化須要打印的訂單隊列。咱們使用Rasberry Pi（技術）去鏈接訂單系統的數據庫和發送序列化的數據到打印機上。訂單打印之後，數據庫更新並打印下一個訂單。

系統另外一個強大的功能是隨帶了一系列分析。咱們的廚師能夠快速知道服務了多少訂單，哪個菜品最受歡迎以及一天裏有多少個不一樣的員工。經過結合Parse，React和一個序列打印機，咱們用簡單直接的模塊構建了一個單點銷售系統。結果至目前爲止，那是至關美味。