My Programming in JavaScript
172 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

Tuxx - It is like React, but with more bowties.

Tuxx - It is like React, but with more bowties. | My Programming in JavaScript | Scoop.it

Tuxx is a feature complete framework built on the React view layer, Flux Architecture, and CommonJS modules.

TuxedoJS is a client-side CommonJS based web development framework built on Facebook's awesome Reactview-layer and Flux Architecture. It provides a semantic interface for working with Flux and augmented Reactcomponents for managing different aspects of the view logic. Tuxx also provides some powerful prebuilt animation components that make animating transitions in React a synch. Lastly, TuxedoJS leverages CommonJS modules to provide a completely modular framework which means, unlike other popular frameworks, you only load the pieces of Tuxx you actually intend to use.


Via Jan Hesse
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

An Introduction to jide.js - toolkit for developing rich, modern web applications

An Introduction to jide.js - toolkit for developing rich, modern web applications | My Programming in JavaScript | Scoop.it

jide.js is a new toolkit for creating modern web applications. It consists of a collection of useful controls and all the tools you need to create your own, application specific, components. jide.js fully embraces AMD (require.js) to allow you to pick only those parts of it that you truly need. Starting with version 1.0.0-beta3, you’ll also be able to use it with Browserify.

At its core, jide.js is built around observable values, event emitters, and data binding. It utilizes the features of modern browsers (IE9+) to create a solid cross platform experience and to leverage the features of the current JavaScript language instead of clinging to the past.

 

This article only serves as a brief introduction to jide.js. There are lots of other controls built into jide.js that help you create your application, and the presented style is only one way. If you prefer not to use templates at all, that’s fine too. You can, for example, use operations such as filter, map and sortto create live updating variants of your original data.

To learn more about jide.js, please visit the project website where you can find lots of examples, demos, and guides. You are also directed to the project’s GitHub repository.


Via Jan Hesse
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

Backbone or Angular or Ember? Here is my choice and why

Backbone or Angular or Ember? Here is my choice and why | My Programming in JavaScript | Scoop.it

I’ve spent the last year neck deep in the main MVC / MV* whatever frameworks for Javascript. It  was a very hard choice to pick a favorite and stick with it. I started out with Backbone, moved on to Angular and finally settled on Ember. This convoluted process is the reason I haven’t blogged in a few months, I really had to pick what client-side framework to blog about. This is my reasoning...


Via Jan Hesse
Amit Das's insight:

So tough to choose a MV*

more...
No comment yet.
Scooped by Amit Das
Scoop.it!

frb

frb | My Programming in JavaScript | Scoop.it
Functional Reactive Bindings (frb): A CommonJS package that includes functional and generic building blocks to help incrementally ensure consistent state.
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

Make Backbone Real-Time With PubNub

Make Backbone Real-Time With PubNub | My Programming in JavaScript | Scoop.it

Backbone is one of the most popular JavaScript based frameworks to date. It is a simple yet powerful way to create interactive JavaScript applications with data bindings to a back-end server. Instead of having to constantly synchronize data between your client and server though, why not have all the data there when it happens? Users should not have to wait to see updates to their model’s data so we decided to tackle this problem by integrating Backbone.js with PubNub.

Our integration allows developers to create a Backbone model or collection and have them synchronize with every other client instance of those models or collections in real-time. This will give any Backbone application a better user experience when working with collaborative, social, or any type of multi-user interface. It works by taking all of the create, update, and delete methods that are spawned by Backbone and propagating them across the PubNub real-time network.


Via Jan Hesse
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

Structuring jQuery with Backbone.js

One of the difficulties in building large jQuery applications is keeping code organized. It is very easy to get lost in a Christmas tree of doom-a deeply nested list of callback functions that seems to hold every single feature and interaction. The truth is that jQuery does not provide any guidance on organization or structure for code.

The good news is that you don't have to choose exclusively between jQuery and well-structured code that SPA libraries and frameworks help you to write. You can combine the simplicity and interactivity of jQuery-based applications with the building blocks of good structure from Backbone.js to create highly interactive pages that also have good code organization and structure.

 

 

From jQuery to Backbone.js: A Migration
It's tempting to jump straight in to Backbone.js at this point, but that would be a disservice to most developers. Starting from scratch is easy. The real challenge lies in taking existing code and migrating it to something else.
Taking a migration approach to Backbone.js does two things:
* Shows that Backbone.js can be added to existing projects, without an all-or-nothing re-write
* Shows the similarities and differences between writing jQuery on its own and using Backbone.js to structure jQuery

 

The Add form that was built with plain jQuery code will be migrated to Backbone.js, one step at a time. Before that can happen, though, you'll need to configure Backbone.js in your project.

 


Via Jan Hesse
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

End Dash

End Dash | My Programming in JavaScript | Scoop.it

EndDash is a two-way binding javascript templating framework built on top of semantic HTML.

In its current release, EndDash relies on Backbone objects.


Via Jan Hesse
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

From React to Riot 2.0

From React to Riot 2.0 | My Programming in JavaScript | Scoop.it

Main reasons:

1. We want our client application to be small. It’s unacceptable that the underlying framework is bigger than the application itself.

2. We want a small framework API that we understand thoroughly. We want to be able to make sense from the stack traces. All the popular frameworks come with too many API methods, properties, and personal flavors. Full control was especially important as we had a plethora of special needs on a fully embeddable forum software.

To some extent we questioned whether anyone needed a framework at all. As long as the API (or model) is separated from UI the biggest troubles are gone. With events you can build isolated components and native pushState gives us the ability to deal with back button.


Via Jan Hesse
more...
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

Riot.js — The 1kb client-side MVP framework

Riot.js — The 1kb client-side MVP framework | My Programming in JavaScript | Scoop.it

An incredibly fast, powerful yet tiny client side framework for building large scale web applications.

 

Riot.js is a client-side Model-View-Presenter (MVP) framework that weighs less than 1kb. Despite the unbelievable size, all the building blocks are there: a template engine, router, event library and a strict MVP pattern to keep things organized. Your views are automatically updated when the underlying model changes.

Riot.js is faster and simpler — in fact, on a completely different scale — and applications built with it are also faster and simpler. For real.

Let's go deeper...


Via Jan Hesse
more...
No comment yet.
Scooped by Amit Das
Scoop.it!

hint.css

hint.css | My Programming in JavaScript | Scoop.it
hint.css - A tooltip library in CSS for your lovely websites.
Amit Das's insight:

More on CSS than on JS to create a ui component.

more...
No comment yet.
Scooped by Amit Das
Scoop.it!

suit

suit | My Programming in JavaScript | Scoop.it
suit - HTML/CSS framework for creating loosely coupled UI components
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

Refactoring to Backbone.js

Refactoring to Backbone.js | My Programming in JavaScript | Scoop.it

Deciding mid-stride to adopt a JavaScript application framework exposes many difficult decisions. What should be targeted first? How does one deal with untested, legacy code? It can make transitions a scary, tedious process.

At Viget, we've found Backbone to be a great tool for bolstering existing code with greater structure and functionality. With an active community and a number of superset frameworks (such as Thorax and Marionette), it gives us flexible tools to tackle current problems with an outlet for more elegant solutions down the road.

We've started to trend towards a series of steps that help to translate code over in a safer, more testable way.

* PULL HTML CONSTRUCTION INTO A TEMPLATE
* BREAK OUT DATA PROCESSING
* FINISHING THINGS UP WITH BACKBONE.VIEWS


Via Jan Hesse
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

MVVM in BackboneJS using Backbone.Stickit

MVVM in BackboneJS using Backbone.Stickit | My Programming in JavaScript | Scoop.it

I have been looking into various design patterns and trying to architect client side applications using it. More often than not the MVC pattern fits the requirement in most of the applications. However, I have found myself using MVVM (Model View - View Model) pattern along with MVC. I use MVVM pattern particularly when I have to maintain the state of the model on the client side. AngularJS provides great support by allowing you to extend the markup and tying the model right within the view (the markup). It also provides components that can be used to structure the application the MVC way and hence it's appropriately termed as MVW or MV* framework. However, I use BackboneJS in most of my applications and I have been able to maintain the state of the model using the Backbone.Stickit plugin.


Via Jan Hesse
more...
No comment yet.
Rescooped by Amit Das from JavaScript for Line of Business Applications
Scoop.it!

Web Components: Why You're Already An Expert

Web Components: Why You're Already An Expert | My Programming in JavaScript | Scoop.it

Web Components are going to fundamentally change the nature of HTML.

At first glance, they may seem like a complicated set of new technologies, but Web Components are built around a simple premise. Developers should be free to act like browser vendors, extending the vocabulary of HTML itself.

If you’re intimidated by these new technologies or haven’t experimented with them yet, this post has a very simple message for you. If you’re already familiar with HTML elements and DOM APIs, you are already an expert at Web Components.


Via Jan Hesse
more...