Not able to setup the project about react-windows-ui HOT 5 CLOSED

Thank you for reply. I could launch the app in web using the setup instructions above. Also, is this app a windows application or just a web app? And if it is a windows app, how to launch it? Appreciate the help. Thanks.

from react-windows-ui.

Hi @rajendrasp ,
to Setup the project locally

Setup react-windows-ui locally

Step1

Fork, Clone repo locally

Step2

cd react-windows-ui

Step3

npm install

Step4

npm start
it will run the project demo in your browser

1 react-windows-ui root directory

The overall repository contains all the components including
‣ Demo : includes examples how to use the components
‣ Source : includes scss and icon.ttf source
‣ Lib : include the actual package to be used in your project

2 react-windows-ui source directory

This repo has a sub repo which is the actual react-windows-ui package
Here ‣ https://github.com/virtualvivek/react-windows-ui/tree/main/src/lib

npm-scripts.txt summary

npm-scripts.txt is file used for compiling demo repo
for the following:
‣ npm run deploy : is used to push gh-pages online github-pages hosting
‣ npm run compile:sass : is used to compile
‣scss source from https://github.com/virtualvivek/react-windows-ui/tree/main/src/source
to
‣css https://github.com/virtualvivek/react-windows-ui/tree/main/src/lib/dist

Conclusion

@rajendrasp you are firing npm run deploy command from the root directory that is trying to creating a github-pages build and pushing to

The project was built assuming it is hosted at /rajendrasp/react-windows-ui/.
‣But this repo is not existing so giving you the error

Things to be done

‣If you want to run the demo see steps above
‣If you want to modify the package
components are located at : https://github.com/virtualvivek/react-windows-ui/tree/main/src/lib/src/components
scss are located at : https://github.com/virtualvivek/react-windows-ui/tree/main/src/source/stylesheet

to compile the scss fire this command at root : npm run compile:sass

from react-windows-ui.

Hi @rajendrasp ,
Glad to see your approach,
Actually This repository is build on intention to provide developers the closest Windows Fluent UI possible,
so that you can't need to learn different languages to build Windows native apps ,

Yes, you can build a Native App from your working web app,
use electronjs or Node GUI
just google
‣how to use electronjs with react app
or
‣how to use Node GUI with react app
it takes 10-20 mins to build a native windows / mac app if you have your working web app.

Conclusion

It's a web app with windows native ui react components, its been build to generate fully native windows apps using electronjs or NodeGUI.

from react-windows-ui.

Thanks a lot Vivek. I really like what you have done with windows ui. I was able to create a desktop native app using electron. Do you develop this lib regularly? Do you plan to keep adding new components to this?

from react-windows-ui.

Hi @rajendrasp ,
😊 Thank you for your grateful response,
Yes i do update this lib on regular basis or sometimes when a new windows update comes with some new bunch of components.

from react-windows-ui.