बूटस्ट्रैप पर प्रतिक्रिया-बूटस्ट्रैप का उपयोग करने के लाभ

Question

सादे पुराने बूटस्ट्रैप पर react-bootstrap का उपयोग करने में क्या बात है?

मैं https://react-bootstrap.github.io/components.html के माध्यम से जा रहा था और मुझे कोई फायदा नहीं दिख रहा है। मैं केवल देख सकते हैं कि यह परियोजना के लिए अनावश्यक निर्भरता ला सकता है।

क्या प्रतिक्रिया/Redux परियोजनाओं में सादे बूटस्ट्रैप का उपयोग करने में कोई कठिनाई है?

** संपादित करें **

https://react-bootstrap.github.io/introduction.html पढ़ने से बात का अनुमान लगाना केवल बात यह है कि react-bootstrap मुझे वर्ग के नाम के लिए आशुलिपि देता है? नीचे एक ही पृष्ठ के उदाहरण हैं।

plain boostrap में मुझे क्या करना चाहते हैं:

var button = React.DOM.button({ 
    className: "btn btn-lg btn-success", 
    children: "Register" 
}); 

React.render(button, mountNode); 

और react-boostrap में:

var button = ReactBootstrap.Button({ 
    bsStyle: "success", 
    bsSize: "large", 
    children: "Register" 
}); 

React.render(button, mountNode); 

इन सभी bsStyle, bsSize, ...react-boostrap से बातें कर रहे हैं लोग Angular है कि उन सभी ng-* याद पर पसंद नहीं आया टैग ... मैं व्यक्तिगत रूप से यह कोई आपत्ति नहीं है लेकिन अगर यह केवल एक चीज है कि react-bootstrap मुझे देता है मैं twitter-bootstrap का प्रयोग करेंगे। या किसी को याद किया था?

Answer 1

बूटस्ट्रैप बनाने आप के लिए घटक प्रतिक्रिया। लाभ स्पष्ट करता है, तो आप कैसे परियोजना

में बूटस्ट्रैप की मदद प्रतिक्रिया प्रतिक्रिया-बूटस्ट्रैप के बिना साथ एनीमेशन करने के लिए विचार करना होगा, आप CSSTransitionGroup की तरह कुछ की जरूरत है, तो आप लाभ बूटस्ट्रैप एपीआई के नहीं ले जा सकते, क्योंकि यह होगा हेरफेर डोम, जो प्रतिक्रिया को अप्रत्याशित बनाएं, और बूटस्ट्रैप उनके एनीमेशन एपीआई का विवरण छुपाएगा। यही कहना है कि आप इसे

बूटस्ट्रैप घटक के साथ उपयोग नहीं कर सकते हैं, हालांकि, आपको इस बारे में चिंता करने की आवश्यकता नहीं है कि एनीमेशन कैसे कार्यान्वित किया जाता है बूटस्ट्रैप, तुम सिर्फ एक घटक में गुण और हुक निर्दिष्ट करने की आवश्यकता और पुस्तकालय चाल करना होगा, और अधिक विशेष, यह कुछ रैपर जो ग्राहक को दिखाई नहीं देते जोड़ सकते हैं

आप ऊपर <Fade> और <Transition> घटक देख सकते हैं

इसके अलावा बूटस्ट्रैप से जोड़ा जाता है, आभासी डोम की वाक्य रचना डोम जैसा कि ऊपर दिखाने के लिए, एक <select> अंदर <input> डाल के साथ संगत नहीं हो सकता है एक तरीका है अर्थ यूआई की, लेकिन प्रतिक्रिया मैं उम्मीद बूटस्ट्रैप एक स्वनिर्धारित पुस्तकालय

Answer 2

यदि मैं सही ढंग से समझ गया, तो प्रतिक्रिया-बूटस्ट्रैप सिर्फ जीवन को आसान बनाने के लिए घटकों का एक विस्तार है जिसे HTML + css के बारे में नहीं पता है।

यदि आपके पास एचटीएमएल + सीएसएस + जेएस के साथ बटन, मेनू, लेआउट और आदि करने के बारे में ज्ञान नहीं है, तो मैं आपको बूटस्ट्रैप का उपयोग करने की सलाह देता हूं।

प्रतिक्रिया आपको उदाहरण के लिए बटन और मेनू का डिज़ाइन नहीं देती है।

https://facebook.github.io/react/docs/why-react.html

मैं कोणीय के बावजूद प्रतिक्रिया क्योंकि यह प्रतिक्रिया करता है, तो आप पहले से ही जावास्क्रिप्ट पता जानने के लिए आसान है चुना है:

यहाँ क्यों उपयोग प्रतिक्रिया की फेसबुक से कड़ी है।

आप बूटस्ट्रैप मैं सलाह का उपयोग करने के आप केवल चहचहाना-बूटस्ट्रैप उपयोग करने के लिए है क्योंकि आप अपने लेआउट सिर्फ bootstrap.css के बाद एक और सीएसएस फ़ाइल जोड़ने अनुकूलित कर सकते हैं

Answer 3

यह वास्तव में क्या सामने के अंत ढांचे आप की योजना की बात है की जरूरत है उपयोग करने के लिए। आप का उपयोग करने जा रहे हैं कोणीय, एंबर, नॉकआउट, या सादे पुराने jQuery तो पारंपरिक बूटस्ट्रैप आप के लिए पर्याप्त हो सकता है। प्रतिक्रिया के साथ हालांकि जावास्क्रिप्ट एप्लिकेशन कोड डीओएम के साथ कैसे इंटरैक्ट करता है, इसमें मूलभूत अंतर होता है जो बूटस्ट्रैप से jQuery दृष्टिकोण को काम करने में बहुत मुश्किल बनाता है क्योंकि प्रतिक्रिया मुख्य रूप से वर्चुअल डोम के साथ काम करती है। यह सच आईएसएस कि प्रतिक्रिया-बूटस्ट्रैप का उपयोग कर, बॉयलरप्लेट कोड है कि आप बटन की तरह सरल कार्य करते हैं या तत्वों फार्म की आवश्यकता होगी की राशि कम हो जाएगा कि हालांकि प्राथमिक लाभ नहीं है।