Cách bắt đầu viết ứng dụng UWP với React Native?

Question

Vì vậy, đã có thông báo lớn này mà bây giờ bạn có thể write Windows apps using React Native.

Các liên kết thông báo đến một Github page do đó dẫn đến một số mô tả trên how to install React Windows

Sau khi dành một vài giờ cài đặt Visual Studio và phụ thuộc, SDK và không có điều gì, tôi đã có này "ReactNative" Giải pháp xây dựng trong Visual Studio nhưng tôi vẫn không thể tìm ra cách để bắt đầu viết một chương trình đơn giản Hello World.

Tất cả các tài liệu hướng dẫn về cách viết chương trình Android hoặc iOS trong Visual Studio Code, nhưng không có chỉ dẫn về cách viết chương trình UWP.

Có ai biết bắt đầu từ đâu không? Visual Studio tương đương với "init bản địa phản ứng" là gì?

Answer 1

Sau khi bạn đã chạy react-native init AwesomeProject ...

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

Điều này sẽ tạo Visual Giải pháp studio cho dự án của bạn và điểm nhập index.windows.js. Visual Studio Code là một công cụ tuyệt vời để chỉnh sửa React Native JavaScript.

Để chạy ứng dụng của bạn chỉ cần chạy react-native run-windows.

Answer 2

Hiện không có giải pháp nào được phát hành cho Ứng dụng UWP có React Native. Ứng dụng duy nhất được biết đến với hỗ trợ UWP hiện là F8App, có một blog post về cách họ đã chuyển nó.

Answer 3

Bạn sắp sửa ở đó, câu trả lời nằm ở dòng lệnh bạn thực hiện "phản ứng gốc init" - bạn không làm điều đó thông qua Visual Studio. Xem https://github.com/ReactWindows/react-native-windows#getting-started

Dự án Visual Studio tạo dự án UWP biết cách tải và chạy mã js phản ứng. Mã VS chỉ là một trình bao bọc cơ bản.

Để bắt đầu một dự án mới phản ứng tự nhiên trên cửa sổ, mở quảng cáo dòng lệnh thực hiện như sau:

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!