react-winjs

A React wrapper around WinJS's controls. Implemented using the technique described on this WinJS wiki page.

• Documentation
• Live Component Library

Live demos:

• Showcase (source): shows an example usage of each component.
• Movies (source): demonstrates a couple of react-winjs components in a small app for looking up movies.
• Address Book (source): demonstrates how to use react-winjs components to build an adaptive app which works well on mobile, tablet, and desktop computers.

Installation

npm install react-winjs --save

Usage

Include WinJS 4.4 on your page. For example:

<linkrel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/css/ui-dark.css" /><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/js/base.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/js/ui.js"></script>

Then require react-winjs and use it:

varReact=require('react');varReactDOM=require('react-dom');varReactWinJS=require('react-winjs');varApp=React.createClass({render: function(){return<ReactWinJS.RatingmaxRating={3}/>;}});ReactDOM.render(<App/>,document.getElementById("app"));

See the documentation and examples for more details.

License

MIT