WinJS 4.0 Is Compatible with AngularJS, React, Bootstrap and Knockout

| by Abel Avram Follow 9 Followers on Jun 09, 2015. Estimated reading time: 1 minute |

With WinJS 4.0 Microsoft has focused on keeping it compatible with the latest versions of the major browsers, targeting the Universal Windows Platform (UWP), and integrating with other JavaScript frameworks.

As anything else within Microsoft, WinJS has prepared for Windows 10 by supporting Edge. They have also strived to target Microsoft’s Universal Platform which comes with many sizes, form factors, and input types. For this purpose, new components have been introduced and old ones have been improved to behave better in a responsive design setting.

The most important new components are SplitView, ToolBar and ContentDialog. The SplitView divides the viewing area into two panes: the left one is the navigational panel and can slide in/out from the left edge, while the right one is the content panel. The ToolBar is similar to what other mobile operating systems have, containing a number of buttons for executing commands related to the current view. ContentDialog is a modal dialog that includes buttons that can be navigated with the Tab key. A new utility, XYFocus, enables users to navigate multiple components horizontally or vertically in an irregular grid with the arrow keys. 

Acknowledging the importance of other JavaScript frameworks and libraries, Microsoft has submitted code that makes WinJS compatible with AngularJS, React, Bootstrap and Knockout. A demo sample shows how to build WinJS apps with Angular including demos for two way data binding, and FlipView or ListView combined with Angular arrays. Wrappers for the frameworks mentioned can be downloaded from WinJS GitHub’s page.

While WinJS runs on all major browsers, the status page outlines a number of issues across these browsers especially for new components, but the number of tests not passing is relatively small.

There are a number of breaking changes, mostly renames and some deprecations. For more details on what’s new we recommend the change log, or this blog post.

Rate this Article

Adoption Stage

Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Tell us what you think

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Why? by Mark N

from the WinJS site - "Use WinJS to build first class apps with HTML, CSS, and JavaScript."

Why not just use AngularJS or something else cross platform?

Re: Why? by Abel Avram

WinJS comes with the Windows (Metro) look and feel, so it is a solution for those starting from Windows and reaching out to cover all platforms while maintaining the look.

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

2 Discuss

Login to InfoQ to interact with what matters most to you.

Recover your password...


Follow your favorite topics and editors

Quick overview of most important highlights in the industry and on the site.


More signal, less noise

Build your own feed by choosing topics you want to read about and editors you want to hear from.


Stay up-to-date

Set up your notifications and don't miss out on content that matters to you