JavaScript for Li...
Follow
Find tag "Frameworks"
432.4K views | +179 today
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...
Scoop.it!

How Do I Evaluate JavaScript Libraries

How Do I Evaluate JavaScript Libraries | JavaScript for Line of Business Applications | Scoop.it

Earlier this year CODE Magazine published an article I authored encouraging the use of MicroJS libraries instead of large frameworks. One question I attempted to answer was where to find libraries, which of course there are many possible sources. Another question I am often asked is how do I choose a library? This is important because choosing a bad library can lead to bad consequences.

How Do I Evalutate JavaScript Libraries

I have no absolute rules on choosing a library, but I do have some evaluations I make before picking a library. Today I want to review some of the criteria I use and some simple examples of how they apply to choosing the best JavaScript libraries for your application.


  • Size
  • Path To Success
  • External Dependencies
  • Memory Leaks
  • Read The Code
  • Reusable
  • Write A Solution Yourself
  • Summary
more...
No comment yet.
Scoop.it!

Enterprise Grade JavaScript Web Components inspired from Flex and Silverlight

Enterprise Grade JavaScript Web Components inspired from Flex and Silverlight | JavaScript for Line of Business Applications | Scoop.it

AtomsPreCompiler compiles atoms markup into valid HTML5 by breaking up inline expressions into generated JavaScript. This pre-compiled document runs in strict mode without using eval without compromising speed.

Jan Hesse's insight:

http://atomsjs.neurospeech.com

more...
No comment yet.
Scoop.it!

A frontend JavaScript framework to pair with Node.js

A frontend JavaScript framework to pair with Node.js | JavaScript for Line of Business Applications | Scoop.it

Node devs tend to be minimalists, DIY’ers, Lego™ artists, if you will. We want a nice set of tools and pieces at our disposal that we can compose into whatever creation we imagine.

If you’ve bought into Node’s small module paradigm, stuff like Ember, Angular, and even jQuery can feel a bit like excessively large Duplo™ blocks.

To be clear, this doesn’t make them bad. I’m glad they exist. Clearly, they empower scores of developers to create some great things on the frontend.

Of course we think Ampersand modules are a great match for building frontends for our Node applications. But for Ampersand we use the term “framework” very loosely. As demonstrated by how people are using it, it’s really is just a loosely coupled set of tools.


In the end, the only constant in our field is change. We simply cannot, in good conscience, assert that any single toolset (even our own) is the only valid approach. It’s just not how we think development should work.

more...
No comment yet.
Scoop.it!

Oh god, I built another JavaScript framework

Oh god, I built another JavaScript framework - On Coding - Medium
How and why I was driven into the warm embrace of my very own web stack

Once I started going down this path, I tried to come up with what the ideal web app bootstrapping framework might actually look like.

I took my codebase and literally started moving files around, trying to come up with a sane way of organizing everything that didn’t feel like a bunch of duct tape and bubble gum.

Here are the guidelines I came up with during this process...

Jan Hesse's insight:

http://skitjs.com/

more...
No comment yet.
Scoop.it!

paperclip.js - reactive DOM template engine built for speed, and extensibility

paperclip.js - reactive DOM template engine built for speed, and extensibility | JavaScript for Line of Business Applications | Scoop.it

Paperclip is a reactive template engine that compiles HTML to DOM. All optimizations happen at compile time, so you can expect snappy and efficient user interfaces across desktop, and mobile devices.

more...
No comment yet.
Scoop.it!

ripple.js - A framework for creating reactive components

ripple.js - A framework for creating reactive components | JavaScript for Line of Business Applications | Scoop.it

A tiny foundation for creating reactive components with interpolation, data-binding, and plugins. It's simple, flexible and easy to extend.

It aims to have a similar API to Reactive, but allow composition of views, like React. The major difference for other view libraries is that there are no globals used at all. Each view has its own set of bindings and plugins. This makes composition of views really easy.

more...
No comment yet.
Scoop.it!

TWEE.IO | MVC framework for Node.js and io.js based on Express.js with sockets and extensions support

TWEE.IO | MVC framework for Node.js and io.js based on Express.js with sockets and extensions support | JavaScript for Line of Business Applications | Scoop.it
TWEE.IO | MVC framework for Node.js and io.js based on Express.js with sockets and extensions support
more...
No comment yet.
Scoop.it!

LazoJS - 100% SEO compliant; single code base; client, server framework with optimized time to render.

LazoJS - 100% SEO compliant; single code base; client, server framework with optimized time to render. | JavaScript for Line of Business Applications | Scoop.it

A client-server web framework built on Node.js that allows front-end developers to easily create a 100% SEO compliant, component MVC structured web application with an optimized first page load.

more...
No comment yet.
Scoop.it!

ACIDjs - Light, Fast, Easy, Scalable.

ACIDjs - Light, Fast, Easy, Scalable. | JavaScript for Line of Business Applications | Scoop.it
ACIDjs is a modern Javascript framework with a focus on current & future APIs. ACIDjs is specifically designed to scale for applications as they grow.
more...
No comment yet.
Scoop.it!

Neft.io - Server + Native + Browser

Neft.io - Server + Native + Browser | JavaScript for Line of Business Applications | Scoop.it
neft.io is a JavaScript Framework that has been made for easier and faster developing applications and 2d games.
It runs in a browser, a server and truly natively on iOS, Android, Windows Phone, OS X, Linux, Windows and more (60 FPSs).
This website has been written in the neft.io.
JavaScript interpreters are really fast, but we recognized that DOM and CSS are the problem.
We wrote light and really fast virtual-DOM. For you, nothing changed here: your HTML document is still valid.
In neft you'll use CSS-like syntax. It's super fast in a browser (we use hardware accelerated transformations) and extremely responsive on a mobile.
As we said, we take native serious. We don't wrap your application into a browser using e.g. the PhoneGap, because we don't use CSS.
No extra modifications are required for the native apps.
We support iOS, Android, Windows Phone, BlackBerry 10, Windows, Linux, OS X, Sailfish OS and more by the Qt technology.
more...
No comment yet.
Scoop.it!

Cycle.js - A web application framework using the Reactive Model-View-Intent architecture and Virtual DOM Rendering.

Cycle.js - A web application framework using the Reactive Model-View-Intent architecture and Virtual DOM Rendering. | JavaScript for Line of Business Applications | Scoop.it
  • Honestly Reactive: the building blocks in Cycle are event-driven and RxJS is a hard dependency, which simplifies all code related to events, asynchrony, and errors. Structuring the app with RxJS also separates concerns, because Rx decouples data production from data consumption. As result, apps in Cycle have nothing comparable to imperative calls such as setState(), forceUpdate(),replaceProps(), handleClick(), etc.
  • Unidirectional Dataflow: based on the Model-View-Intent architecture, data moves from Model to View, events move from View to Intent, and Intent emits "user intentions" to the Model. Model handles information, View handles display, Intent handles interaction. They are tied together as a circular loop, each one reacting to the other, but none is controlling the others.
  • Functions, not classes: each node in the MVI cycle behaves like a function, receiving events as input, and outputting events. No side effects. This makes it convenient for composing with other components, or for automating tests. It also allows for a JavaScript programming style without the pitfalling this.
  • Virtual DOM Rendering: Views re-render completely whenever Models emit any data. The use of virtual-dom keeps performance fast by patching the actual DOM with only the minimum necessary changes.
more...
No comment yet.
Scoop.it!

2015: The End of the Monolithic JavaScript Framework

2015: The End of the Monolithic JavaScript Framework | JavaScript for Line of Business Applications | Scoop.it

We need to move beyond monolithic frameworks to a component/library-based front-end solution, but there’s too much fragmentation/abstraction to create an industry standard approach. Below are some constructive thoughts aimed at building a more viable and stable alternative.

more...
No comment yet.
Scoop.it!

CompoundJS

CompoundJS | JavaScript for Line of Business Applications | Scoop.it

CompoundJS is the Node.JS MVC framework based on ExpressJS, fully ExpressJS-compatible. It allows you to build well-structured web applications.

The main objective of the framework - web development without pain.

more...
No comment yet.
Scoop.it!

Feature-Oriented Active Modeller

FOAM is composed of tools to help you quickly write an app that loads and runs fast, on desktop and mobile.

Our main goal is to do as much as possible with each chunk of code. The fastest, most secure, and least buggy code in your app is the code that isn’t there.

FOAM is a meta-programming framework. It is very declarative and reactive, because that’s a very high-level way of expressing how the app should work.

more...
No comment yet.
Scoop.it!

jsblocks - Better JavaScript MV-ish Framework

jsblocks - Better JavaScript MV-ish Framework | JavaScript for Line of Business Applications | Scoop.it
From simple user interfaces to complex single-page applications using faster, server-side rendered and easy to learn framework

Model-View-Controller, Model-View-Collection, Model-View-ViewModel, Model-View-Whatever, Hierarchical Model-View-Controller or nothing at all - jsblocks got you covered. A Model-View-Collection layer stands on top of the main DOM syncing core. The MVC layer is extremely powerful and enables easy creation of complex applications. The MVC layer is also modular so you could remove it if you don't need the extra functionality and make your code base lighter.

more...
No comment yet.
Scoop.it!

T3 JavaScript Framework

T3 JavaScript Framework | JavaScript for Line of Business Applications | Scoop.it

T3 is different than most JavaScript frameworks. It's meant to be a small piece of an overall architecture that allows you to build scalable client-side code. A T3 application is managed by theApplication object, whose primary job is to manage modules, services, and behaviors. It's the combination of these three types of objects that allow you to build a scalable JavaScript front-end.

T3's design enforces best practices such as loose coupling by limiting how certain components can communicate with each other. Modules cannot interact directly with other modules but may communicate with them through an event bus. Modules may use services directly, but may only reference behaviors in a declarative way. These restrictions ensure that the various pieces remain loosely-coupled to make dependency management easy and maintenance self-contained.

The loosely-coupled nature of T3 components means that creating tests is easy. Dependencies are injected into each component, making it trivial to substitute a mock object in place of real ones.

Jan Hesse's insight:

https://github.com/box/t3js

more...
No comment yet.
Scoop.it!

Platypi - TypeScript Hybrid App Framework

Platypi - TypeScript Hybrid App Framework | JavaScript for Line of Business Applications | Scoop.it

The sample app is 5 screens and fully functional with security, navigation drawer, and backend service communication. Upon completion, the app enables the user to login, make a selection of a t-shirt and place an order.

more...
No comment yet.
Scoop.it!

mesh.js - common, streamable interface for synchronizing data

mesh.js - common, streamable interface for synchronizing data | JavaScript for Line of Business Applications | Scoop.it

Mesh is a universal interface for communicating with data sources whether it's your API, mongodb, pubnub, webrtc, socket.io, redis, or local storage. Easily build sophisticated features such as offline-mode, realtime data, rollbacks, and more with little effort.

Mesh is entirely customizable, and doesn't make assumptions about how a data source works. You can easily build your own API adapter that's interoperable with all the other mesh plugins.

more...
No comment yet.
Scoop.it!

Matreshka JavaScript Framework

Matreshka JavaScript Framework | JavaScript for Line of Business Applications | Scoop.it

Matreshka is a framework for massive and endlessly extending single page applications (within the Universe, of course), written in JavaScript. It allows you to build the program architecture so that neither your team nor you can get confused in plentiful entities, logic described in HTML files, numerous restrictions of other frameworks and incomprehensible abstractions.

Two-way data binding is implemented by bindNode method only and it does not require to change HTML, adding weird {{syntactic.constructions}}. Having set a few rules, a programmer can continue to work with data and forget about the state of the visible part of the application.

more...
No comment yet.
Scoop.it!

Choosing Your Javascript Framework

Choosing Your Javascript Framework | JavaScript for Line of Business Applications | Scoop.it

The Model handles data and business logic
The View presents data to users through format and layout
The Controller receives user requests and calls back to the model to select a proper view

Allowing for clear separation between the presentation (UI) and application logic

Enabling easier maintainability and clarity.

more...
No comment yet.
Scoop.it!

Brisket - Isomorphic Javascript Framework by Bloomberg

Brisket - Isomorphic Javascript Framework by Bloomberg | JavaScript for Line of Business Applications | Scoop.it

"best perceived speed, the greatest code freedom, and the strongest search engine optimization"

Brisket is a framework for building single page web apps using isomorphic JavaScript. A Brisket app is both a traditional web site AND a single page web application at the same time. Brisket provides the tools that you need to spend your time focusing on your application's logic rather than on "what environment is my code running in?".

Jan Hesse's insight:

http://www.bloomberg.com/company/2015-03-24/bloomberg-weve-made-brisket-can-make-anything/

more...
No comment yet.
Scoop.it!

brief comparison of a few MV* front end frameworks

brief comparison of a few MV* front end frameworks | JavaScript for Line of Business Applications | Scoop.it
mvstar-compare - A brief comparison of a few MV* front end frameworks

Scope

Documentation - How well do they document their API?
Learning curve - How closely does it adhere to current dev standards (how hard is it to learn)?
Performance - How big is it's footprint, and how quickly does it render?
Scalability - How easy is it to scale to potentially enormous factors?
Updates - How often do they update their codebase, and do they introduce API changes often?
Testing - How easy is it to get testing set up?
Roadmap - How supported will this framework be down the line?
Backing - Is this framework being backed by reputable company?

more...
No comment yet.
Scoop.it!

Stapes.js - the little Javascript framework that does just enough

Stapes.js - the little Javascript framework that does just enough | JavaScript for Line of Business Applications | Scoop.it

Class creationcustom events, and data methods. That's all it does. Even a lightweight framework like Backbonehas more than 75 methods, Stapes has just 20.

more...
No comment yet.
Scoop.it!

From React to Riot 2.0

From React to Riot 2.0 | JavaScript for Line of Business Applications | 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.

Jan Hesse's insight:

https://muut.com/riotjs/

more...
No comment yet.
Scoop.it!

LumX - The first responsive front-end framework based on AngularJS & Google Material Design specifications.

LumX - The first responsive front-end framework based on AngularJS & Google Material Design specifications. | JavaScript for Line of Business Applications | Scoop.it

LumX will help you to design beautiful applications, faster and easier. We’ve built it based on google guidelines, respecting metrics in a pixel perfect way.

It provides a full CSS Framework built with Sass and a bunch of AngularJS components.

more...
No comment yet.