帶flexbox或bootstrap的Reactjs

我剛剛學習Reactjs和我的一位朋友，強烈建議我放棄使用bootstrap並使用100％Flexbox。我研究過它，而且Flexbox似乎絕對值得學習，而且React Native似乎也使用Flexbox版本用於移動應用程序。我覺得儘管放棄bootstrap意味着我放棄了所有酷炫的多重屏幕大小調整優勢以及很多發件箱內容，比如導航欄，面板，按鈕等，並且使用Flexbox我必須自定義構建所有這些東西。帶flexbox或bootstrap的Reactjs

如果我的目的是製作漂亮的移動友好型網頁應用程序，並可能將我的內容轉換爲React Native，是否值得使用100％Flexbox？或者，更容易堅持我所知道的現在以更少的整體麻煩起牀我的web應用程序，然後再切換到Flexbox？

Thx提前爲任何意見徵求一個noob。 :)

來源

2015-05-14 Nick Pineda

Bootstrap遠不止佈局，所以我看不出如何比較它們。在某些情況下，Flexbox有點bug並且在瀏覽器中不一致。您的體驗可能有所不同 – WiredPrairie

無恥插件：考慮這個？ https://github.com/roylee0704/react-flexbox-grid 這是一組使用CSS模塊實現flexboxgrid.css的React組件。 :) – Roylee

我不會嘗試使用相同的模式來構建您的Web應用程序和您的React Native應用程序。您可能想要使用不同的界面模式。

React Native使用flexbox，因爲它試圖進行思考，並且不必擔心瀏覽器支持，因爲應用程序正在轉換爲本機應用程序。

如果您還在構建Web應用程序，則可能需要考慮瀏覽器支持以及Flexbox實施中的當前問題。

請參閱以下鏈接瞭解更多信息。

http://caniuse.com/#feat=flexbox

另一種方法是使用ReactJS建立你的應用程序作爲一個完整的移動網絡應用程序，敷用科爾多瓦應用程序獲取本地應用。通過這種方式，您可以使用您已熟悉的Web開發技術進行開發。

來源

2015-05-20 13:38:21 Banford

很好的答案！謝謝！ –

帶flexbox或bootstrap的Reactjs

回答

相關問題