Single page apps

SPA Libraries that Make Your Life Better

You could build a SPA all on your own and just follow the principles, but that's a lot of hand coding. There's a lot of libraries out there that will make your life better, such as:

  • Require.js: This is dynamically loads, as needed, the libraries that you reference in your app. If the library has already been loaded in the current session, it is handed back to you… not reloaded. In addition, it also keeps track of nested dependencies, so you don't have to worry that one library gets loaded before another. You just declare the dependencies in each and this library figures out what's needed and loads them in order.
  • Durandal: This one provides a lot of the plumbing things you want to have within a SPA. For instance, as a single page, you want to take over the FORWARD & BACK buttons in the browser. If you use Durandal's navigation it keeps track of the pages you're navigating to so if the user uses the browser buttons, it walks through the navigation stack for you.
  • Breeze.js: Already mentioned what this one does… but it's usefulness in SharePoint is questionable due to the server-side dependency.
  • Linq.js: It is what it sounds like… a LINQ implementation in JavaScript
  • Bootstrap: If you haven't seen this one it's a fantastic UI component suite. Basically it uses JavaScript and CSS it implement a lot of slick UI components.
  • Flat UI Pro: This one takes the work they did with Bootstrap and implements the UI components in a flat way, which is more in line to the Metro look of SharePoint
  • FontAwesome: One thing we all developers need is icons and things like that in our applications. And guess who's the least qualified to create these? Developers! FontAwesome is a collection of icons implemented as fonts, CSS and JavaScript you can use. In fact if you look at the video above, there isn't a single image in that app (including the animations)… they are all fonts!


Read more at http://www.andrewconnell.com/blog/sharepoint-hosted-apps-in-sp-2013-as-single-page-apps#lPsJWYLqz5OgUXhg.99

To view or add a comment, sign in

More articles by Ramesh N.

Explore content categories