A React wrapper around WinJS's controls. Implemented using the technique described on this WinJS wiki page.
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.
npm install react-winjs --save
Include WinJS 4.4 on your page. For example:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/css/ui-dark.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/js/base.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/js/ui.js"></script>Then require react-winjs and use it:
var React = require('react');
var ReactDOM = require('react-dom');
var ReactWinJS = require('react-winjs');
var App = React.createClass({
render: function () {
return <ReactWinJS.Rating maxRating={3} />;
}
});
ReactDOM.render(<App />, document.getElementById("app"));See the documentation and examples for more details.
MIT