BT

InfoQ Homepage News WinJS 4.0 Is Compatible with AngularJS, React, Bootstrap and Knockout

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

Bookmarks

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
Style

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.

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

Community comments

  • Why?

    by Mark N /

    Your message is awaiting moderation. Thank you for participating in the discussion.

    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 /

    Your message is awaiting moderation. Thank you for participating in the discussion.

    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

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

BT

Is your profile up-to-date? Please take a moment to review and update.

Note: If updating/changing your email, a validation request will be sent

Company name:
Company role:
Company size:
Country/Zone:
State/Province/Region:
You will be sent an email to validate the new email address. This pop-up will close itself in a few moments.