JavaScript for Li...
Follow
Find
405.2K views | +108 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!

React and Flux - Building Applications with a Unidirectional Data Flow

Talk given to the ReactJS Meetup
more...
No comment yet.
Scoop.it!

Combining React, Flux & Web Components

Combining React, Flux & Web Components | JavaScript for Line of Business Applications | Scoop.it

I recently had an interesting conversation with some very smart colleagues on the topic of UI component reusability on modern web frontend applications. This led me to spend a few hours on a lazy Sunday afternoon clarifying my thoughts on the status quo - and the road ahead - of web frontend architectures. Specifically, I find it interesting how the short-term future seems to somewhat contradict the assumed long-term future.

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

Reactable : Fast, flexible, and simple data tables in React

Reactable : Fast, flexible, and simple data tables in React | JavaScript for Line of Business Applications | Scoop.it

Reactable allows you to display tabular data client-side, and provides sorting, filtering, and pagination over that data. It uses the power of React.js to do all this very, very quickly, and provides an API that makes simple things easy, while trying to get out of your way as much as possible if you want to do something complicated or unconventional.

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

Common patterns when handling promises

Common patterns when handling promises | JavaScript for Line of Business Applications | Scoop.it

Promises are becoming a top feature of JavaScript. They’re already part of most libraries and frameworks (jQuery, WinJS and AngularJS among others) and will soon be included natively in all browsers with the upcoming delivery of ECMAScript 6 (the standard behind JavaScript). They are heavily used every time you have to deal with asynchronous calls, like in Ajax, or in Single Page Applications which rely a lot on them.

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

JS properties: enumerable, writable & configurable

JS properties: enumerable, writable & configurable | JavaScript for Line of Business Applications | Scoop.it

Tutorial about how to create immutable, enumerable and cofigurable object properties in javascript.


Objects are one of the main parts of Javascript. JS syntax for Objects is really concise and easy to use, so we are constantly creating objects and using them as hashmaps effortlessly.

But, do you know that all the object properties in the example above are enumerable, writable and configurable? I mean:

  • Enumerable: I can access to all of them using a for..in loop. Also, enumerable property keys of an object are returned using Object.keys method.
  • Writable: I can modify their values, I can update a property just assigning a new value to it: ob.a = 1000;
  • Configurable: I can modify the behavior of the property, so I can make them non-enumerable, non-writable or even non-cofigurable if I feel like doing so. Configurable properties are the only ones that can be removed using the delete operator.


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

AbsurdJS - Hacking the Front-End

It's a talk about AbsurdJS (absurdjs.com/). JavaScript library that acts as a CSS and HTML preprocessor. At the same time is a template engine and client-side framework. The presentation is made of two parts. The first one presents the library and the second one is the real life project that uses it.

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

The Top 10 Mistakes That KnockoutJS Developers Make

The  Top 10 Mistakes That KnockoutJS Developers Make | JavaScript for Line of Business Applications | Scoop.it

Knockout is a popular JavaScript framework that offers convenient data binding functionality without the complexity of similar frameworks such as Angular. It's a great choice for prototyping small applications or introducing data binding into a legacy codebase. This article captures a number of common Knockout pitfalls I've run into over the past few years deploying Knockout code in production. Hopefully it'll save you a headache or two!
Read more at http://www.airpair.com/knockout/posts/top-10-mistakes-knockoutjs#iOo1BFMwuYjw1jVI.99

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

The Top Mistakes Developers Make Using Ember & Rails

The Top Mistakes Developers Make Using Ember & Rails | JavaScript for Line of Business Applications | Scoop.it

Ember can be used as a front end to any server-side stack, but today I’m here to discuss how to avoid some common pitfalls when using it with my personal favorite web framework: Ruby on Rails. Though Ember and Rails make a great pair, it’s easy to get a little lost in the early days as you find your way around. Well, I did, anyway. This is your chance to learn from my mistakes so you can get to making your own mistakes a little more quickly.

Shall we begin?

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

Ember.js Basics - What is Ember?

Ember.js Basics - What is Ember? | JavaScript for Line of Business Applications | Scoop.it

Before looking at the details of any framework, it helps to understand the core concepts that drove the feature decisions in the first place. Perhaps the biggest factor in the creation of Ember was the belief that what makes the web so unique is the ability to bookmark and share URLs. The team felt that many JavaScript frameworks treated the URL as an afterthought (mostly by treating the concept of a router as an optional add-on). The Ember team also wanted to create an MVC framework that was closer in line with the desktop MVC framework mentality rather than taking a server-side MVC approach (like ASP.NET MVC or Ruby on Rails). So, Ember combines the productivity of a native UI framework while supporting shareable URLs. The following key concepts are what make up the framework from a high-level overview standpoint.

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

Understading Ember-Data Store#find

Understading Ember-Data Store#find | JavaScript for Line of Business Applications | Scoop.it
Store#find (inject as this.store.find) is one of those methods in Ember-Data which confuses people, especially since it behaves very different depending on the parameters passed-in.This article try to demystify store.find and explain how it will behave accordingly to the parameters.
more...
No comment yet.
Scoop.it!

Authentication in Sails

In a recent project, the same server-side was used for an API for a mobile app, and for a web application for the adminstrators of the app. 
As usual in Sails.js the server-side consists of a set of controllers. For modularity and security we have separate controllers for the mobile API and the administration. These controllers use the same set of models.

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

Improving AngularJS long list rendering performance using ReactJS

Improving AngularJS long list rendering performance using ReactJS | JavaScript for Line of Business Applications | Scoop.it

If you're reading this, you most probably tried to make a long and/or complex list of items using a ng-repeat directive, and after seeing how it performs in terms of speed, felt like AngularJS failed you. In some cases you might be able to avoid this problem by using paging or infinite scrolling, but sometimes that's just not good enough. For example, lists that are displaying only a few items at a time (like any kind of a log) would simply be very impractical from the users point of view. Another reason - you might be using libraries like SlyJS that load a whole list at once to calculate the size of the embedded scrollbar and to make list swiping and elastic bounds work properly. Ooooor - your client simply demands it. :)

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

Git Workflows for Pros: A Good Git Guide

Git Workflows for Pros: A Good Git Guide | JavaScript for Line of Business Applications | Scoop.it

Git can support your project not just with version control, but also with collaboration and release management. Understanding how workflow patterns can help or hinder a project will give you the knowledge to evaluate and adapt your project’s Git processes effectively.

Throughout this article I will isolate patterns found in common workflows. Knowledge of these will help you find a direction when joining, creating or growing a development team. The pros and cons for certain types of projects or teams will be highlighted within the themes we explore, so that you can pick and choose what might work well for your scenario.

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

Reactive MVC and the Virtual DOM

Reactive MVC and the Virtual DOM | JavaScript for Line of Business Applications | Scoop.it

React turned out to disappoint me in multiple ways, mainly through a poorly designed API which induces the programmer to createcomplex state machines and to mix multiple concerns in one component. I decided to replace React with the great virtual-dom library, and to build a Reactive MVC alternative heavily based on RxJS. This pattern turned out to be successful and I applied it to other web apps. One of these is a customer project we are glad to say has worked out very well.

The combo React/Flux is clearly inspired by Reactive Programming principles, but the API and architecture are an unjustified mix of Interactive and Reactive patterns. Keep reading and I'll explain what this means, and how we can do better.

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

S-exps in your browser

S-exps in your browser | JavaScript for Line of Business Applications | Scoop.it

Contents:

* The front end of the pool
Enter ClojureScript
Exit Om
ClojureScript: the bad
Mori + Sweet.js = Ki
JavaScript loaders
Source map support
Macro support and speed
Sprockets dependencies
Shameless plug

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

The Case for Ember for Enterprise

The Case for Ember for Enterprise | JavaScript for Line of Business Applications | Scoop.it

After dealing with the pain for some time, we convinced the appropriate parties that it would be best to switch to a more mature and fully baked framework.

When evaluating new frameworks, we took the following things into consideration:

  • Ease Of Use
    • How easy is it to maintain consistency across the enterprise?
    • How easy is it to get new developers up to speed?
  • Problems Solved
    • What common problems does the framework solve for us?
    • What benefits do we get from using the framework?
  • Future "Proof"
    • How does the framework take into account the future of the web.
    • How likely is it to either radically change or be abandoned?
more...
No comment yet.
Scoop.it!

How to Speed Up Lo-Dash ×100? Introducing Lazy Evaluation.

How to Speed Up Lo-Dash ×100? Introducing Lazy Evaluation. | JavaScript for Line of Business Applications | Scoop.it

I always thought libraries like Lo-Dash can’t really get any faster than they already are. Lo‑Dash almost perfectly mixes various techniques to squeeze out the most from JavaScript. It uses JavaScript fastest statements, adaptive algorithms, it even measures performance to avoid accidental regressions in subsequent releases.

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

Node.js Performance Tip of the Week: Managing Garbage Collection

Node.js Performance Tip of the Week: Managing Garbage Collection | JavaScript for Line of Business Applications | Scoop.it

In this week’s post we’ll dive into the fundamentals of garbage collection (GC) in V8 and how it holds the “keys to the kingdom” in the optimization of Node applications. We will also look at some tools to triage GC and memory management issues in V8.

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

In search of the perfect JavaScript framework

In search of the perfect JavaScript framework | JavaScript for Line of Business Applications | Scoop.it

Nowadays, in front-end development, we have many frameworks and libraries. Some of them are good, some of them are not. Often we only like a particular concept, module or maybe a certain syntax. The truth is that there is no universal instrument. This article is about the future framework — the framework that does not exist yet. I’ve summarized the pros and cons of some of the available JavaScript frameworks and I dare to dream about the perfect solution.

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

How to Wire Up Ruby on Rails and AngularJS as a Single-Page Application

How to Wire Up Ruby on Rails and AngularJS as a Single-Page Application | JavaScript for Line of Business Applications | Scoop.it

I wrote this tutorial because I had a pretty tough time getting Rails and Angular to talk to each other as an SPA. The best resource I could find out there was Ari Lerner’s Riding Rails with AngularJS. I did find that book very helpful and I thought it was really well-done, but it seems to be a little bit out-of-date by now and I couldn’t just plug in its code and have everything work. I had to do a lot of extra Googling and head-scratching to get all the way there. This tutorial is meant to be a supplement to Ari’s book, not a replacement for it. I definitely recommend buying the book because it really is very helpful.

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

Enhanced Ember Mimosa tooling and a New Ember Skeleton

Enhanced Ember Mimosa tooling and a New Ember Skeleton | JavaScript for Line of Business Applications | Scoop.it

I'm going to talk through a few new Mimosa modules that solve some tooling gaps with Ember, and then I'll quickly discuss a new Mimosa skeleton that brings it all together. You can, though, skip the jibber-jabber and get straight to the new Ember skeleton and check out the result of all of this coming together.

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

Ember Paper - Material Design for Ember.js

Ember Paper - Material Design for Ember.js | JavaScript for Line of Business Applications | Scoop.it

This project aims to bring Google's new Material Design to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an Ember-cli addon. This allows a much nicer "plug and play" experience, as you can see for yourself in the "Installation" section.

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

[How To] Implement Passport.js Authentication with Sails.js

[How To] Implement Passport.js Authentication with Sails.js | JavaScript for Line of Business Applications | Scoop.it

Here we intend to demonstrate the procedure of local authentication i.e. by using a username and password.


Dependencies:

* passport

* passport-local

* bcrypt

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

Creating Isomorphic apps with React and Node.js

Creating Isomorphic apps with React and Node.js | JavaScript for Line of Business Applications | Scoop.it

In this tutorial I will show you how to use React and Node.js to create isomorphic apps. So, let's start.

We are going to emulate a blogging website. Our app should display a list of post titles on the homepage. Clicking on a title will take us to another page where we can see the content of the post. Remember when you request any page (either homepage or detailed post view) you will a get server rendered version. Subsequent interactions will use client side rendering.

more...
No comment yet.