प्रतिक्रिया मूल के साथ यूडब्ल्यूपी ऐप्स लिखना कैसे शुरू करें?

Question

तो यह बड़ी घोषणा थी कि अब आप write Windows apps using React Native कर सकते हैं।

एक Github page जो बारी में how to install React Windows

पर कुछ विवरण की ओर जाता है कुछ ही घंटों खर्च दृश्य स्टूडियो और निर्भरता, SDK और whatnot स्थापित करने के बाद करने के लिए घोषणा लिंक, मैं इस "ReactNative" समाधान दृश्य में बनाया मिल गया है स्टूडियो लेकिन मैं अभी भी यह समझ नहीं सकता कि कैसे एक साधारण हैलो वर्ल्ड प्रोग्राम लिखना शुरू करना है।

विजुअल स्टूडियो कोड में एंड्रॉइड या आईओएस प्रोग्राम लिखने के लिए सभी दस्तावेज बताते हैं, लेकिन यूडब्लूपी प्रोग्राम लिखने के बारे में कोई संकेत नहीं है।

क्या किसी को पता है कि कहां से शुरू करना है? विजुअल स्टूडियो "रिएक्ट-नेटिव इनिट" के बराबर क्या है?

Answer 1

के बाद आप react-native init AwesomeProject दौड़े हैं ...

cd AwesomeProject 
npm i --save-dev rnpm-plugin-windows 
react-native windows 

यह दृश्य उत्पन्न होगा आपकी परियोजना के लिए स्टूडियो समाधान और index.windows.js प्रवेश बिंदु। विजुअल स्टूडियो कोड प्रतिक्रिया मूल जावास्क्रिप्ट को संपादित करने के लिए एक शानदार उपकरण है।

अपना ऐप चलाने के लिए बस react-native run-windows चलाएं।

Answer 2

वर्तमान में प्रतिक्रियात्मक मूल के साथ यूडब्ल्यूपी ऐप्स के लिए जारी किए गए आउट ऑफ़ द बॉक्स समाधान नहीं हैं। यूडब्ल्यूपी समर्थन के साथ एकमात्र ज्ञात ऐप वर्तमान में F8App है, blog post है कि उन्होंने इसे कैसे पोर्ट किया है।

Answer 3

आप लगभग वहां हैं, उत्तर कमांड लाइन पर है जो आप "प्रतिक्रिया-मूल init" करते हैं - आप विजुअल स्टूडियो के माध्यम से ऐसा नहीं करते हैं। https://github.com/ReactWindows/react-native-windows#getting-started

विजुअल स्टूडियो प्रोजेक्ट एक यूडब्ल्यूपी प्रोजेक्ट बनाता है जो जानता है कि प्रतिक्रिया-देशी जेएस कोड कैसे लोड और चलाने के लिए। वीएस कोड मूल रूप से सिर्फ एक रैपर है।

शुरू करने के लिए एक नया खिड़कियों पर देशी परियोजना प्रतिक्रिया, कमांड लाइन विज्ञापन खोल निम्न करें:

REM This is the same on Mac or Windows.. 
react-native init AwesomeProject 

cd AwesomeProject 

REM You need to install the react package manager 
npm install -g rnpm 

REM Add the rnpm-plugin-windows into your package.json 
npm install --save-dev rnpm-plugin-windows 

REM This will create a "windows" folder in your project folder, 
REM the eqivalent of the ios and android folders. 
rnpm windows 

REM You will now have a windows folder with a AwesomeProject.sln file 
REM You need to start the packager which projects the Javascript bundle to the runtime 

react-native start 

REM Open the solution in VS and run it, and you will see your app!