background preloader

JS Frameworks

Facebook Twitter

Knockoutjs.com - Hello World Example. Yesod, AngularJS and Fay. It's been a while since I discussed Yesod's approach to client-side programming. I haven't been quiet due to a lack of interest. On the contrary, I've been playing around with a lot of different approaches, and discussing things with a number of people as well. Additionally, there have been some very exciting changes in the Haskell Javascript space.

Back when we discussed this in April, I demonstrated a combinator-based approach for generating Javascript from our Haskell code in a type-safe manner. So the big question is: what do we want from a client-side solution? A better language than Javascript. AngularJS We can solve all four of these issues with a two-pronged approach. You can see my sample code on Github. CmdGetPeople <- addCommand $ \() -> do people' <- getYesod >>= liftIO . readIORef . ipeople return $ map (\(pid, Person name _) -> PersonSummary pid name) $ Map.toList people' Each command takes a single JSON value as input, and returns a single JSON value as output.

Fay Commands. The 10 hottest JavaScript framework projects ( - Software ) Trying to decide which JavaScript UI framework will best meet the needs of your project and organization? With 10 strong contenders, there's a lot to consider. Over the past few years we've seen tremendous growth in UX libraries and frameworks -- most of which are open source. Much has been written comparing the use of, approach to, and completeness of these frameworks. But often overlooked are the metrics tracking the size, strength, and momentum of the communities and ecosystems surrounding these open source projects.

These stats should play a key role in your selection. [ How much do you know about this stalwart developer tool? Earlier this year, I had the opportunity to do an analysis of the fastest-growing open source projects started in 2012, and I was struck by the number of JavaScript projects on the list. Project contributors per month: The number of contributors to Ember took off like a rocket when the project was forked from SproutCore in December 2011. A comparison of Angular, Backbone, CanJS and Ember - Sebastian's Blog. Selecting a JavaScript MVC framework can be hard work. There are so many factors to consider and so many options out there that selecting a framework can be overwhelming.

To have an idea of all the possible alternatives have a look at TodoMVC. I have had the opportunity to use four of these frameworks: Angular, Backbone, CanJS and Ember. So I decided to create a comparison to help you decide which one to use. I will go through several factors that you might want to consider when choosing one. To each factor I have assigned a score between 1 and 5. Features There are really important features a framework should have to provide the necessary foundation to build useful applications. Observables: Objects that can be observed for changes. Routing: Pushing changes to the browser url hash and listening for changes to act accordingly. View bindings: Using observable objects in views, having the views automatically refresh when the observable object change.

Scores Flexibility Angular Backbone CanJS Ember. TodoMVC. Superheroic JavaScript MVW Framework. Backbone.js. Devoxx 2012: AngularJS.