JavaScript for Li...
Follow
Find
362.1K views | +307 today
 
Scoop.it!

Base for Ember Application

Ember-Youtube

JS-driven youtube players wrapped in Emberisms

The javascript code is available as links in the header of this page.

more...
No comment yet.
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!

Fission - The Reactjs Toolkit doing MVC

Fission - The Reactjs Toolkit doing MVC | JavaScript for Line of Business Applications | Scoop.it

Easy to use
Fission lets you focus on the app, not worry about designing the core system behind it.


Efficient
Fission uses React for extremely efficient rendering, with the best parts of Ampersandjs, model and state.


Customizable API
Fully modifiable API enables swapping out of core elements, such as Sync, for a mulit-service application


Open Source
Fission is, and will always be Fully Open Source.

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

Achieving reasonable and scalable routing in AngularJS with Flux

Achieving reasonable and scalable routing in AngularJS with Flux | JavaScript for Line of Business Applications | Scoop.it

I’ve found URL routing to be one of the most frustrating parts of SPA web development with AngularJS. I started with the ngRoute service but quickly transitioned to using ui-router because of it’s powerful state management features, UrlMatcher, and Named Views. Unfortunately, ui-router disappoints in complex use-cases because all of it’s features are tightly coupled and at the same time it does not provide enough flexibility to squeeze out of difficult situations. To demonstrate this point, let’s take a look at a use-case where ui-router falls short…

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

Writing a React JS front-end in Haskell

Writing a React JS front-end in Haskell | JavaScript for Line of Business Applications | Scoop.it

Joel Burget, Developer at Khan Academy explains the design of his new react-haskell library.

It allows you to write a front-end app in Haskell which you compile to JavaScript via Haste and render using React JS.

Jan Hesse's insight:

http://begriffs.com/posts/2015-01-12-reactjs-in-haskell.html

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

Videos of Thunder Plains 2014 Conference

Videos of Thunder Plains 2014 Conference | JavaScript for Line of Business Applications | Scoop.it
  • Luke Crouch - Web For America
  • Aaron Murray - Real World React.js
  • Waylon Flinn - Making Magic with Node.js and Redis
  • Josh Bavari - Mobile Applications with JS and Ionic
  • Kassandra Perch - NodeBots Wearables: Javascripting Your Wardrobe
  • Traci Hinds - Use Your Words!
  • Eric Schoffstall - Genome.js
  • Jenn Schiffer - Your Grandparents Probably Didn't Have Node
  • Jennifer Wadella - The Importance of Building Developer Communities
  • Jeremy Green - Supercharge Your Productivity with Ember.js
more...
No comment yet.
Scoop.it!

Caching Asynchronous Queries in Backbone.js

Caching Asynchronous Queries in Backbone.js | JavaScript for Line of Business Applications | Scoop.it
Prevent unnecessary AJAX calls by caching the result of asynchronous queries in Backbone.js

To prevent unnecessary AJAX calls, we decided to cache the result of Backbone.Model#fetch at two levels of our application.

The result: less network time and a snappier user experience.

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

Why You Should Be Writing ECMA Script 6 Now

Why You Should Be Writing ECMA Script 6 Now | JavaScript for Line of Business Applications | Scoop.it

If you are reading this article then you have probably at least heard of ECMA Script 6, the next version of JavaScript, and are curious about what it means for you or your organization. You might be wondering how ES6 is different, if it will affect your existing applications, or if it will affect your ability to write new ones that make heavy use of JavaScript.

Those are valid concerns, however, there is another reason to care about ES6 right now that simply isn’t on most people’s radar.

I’ll get to that.

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

Wallaby - intelligent test runner for JavaScript

Wallaby - intelligent test runner for JavaScript | JavaScript for Line of Business Applications | Scoop.it

Wallaby.js is an intelligent test runner for JavaScript that continuously runs your tests. It reports code coverage and other results directly to your code editor immediately as you change your code. Wallaby.js uses various tricks to run your tests as fast as possible, such as dependency analysis to only execute tests affected by your code changes and parallel test execution.

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

Run Protractor Tests in Parallel

Run Protractor Tests in Parallel | JavaScript for Line of Business Applications | Scoop.it

My team has been using Protractor for our end to end tests for a couple months now, and the amount of time the test suite takes to finish has grown as we add more tests. So we started looking for ways to speed our tests up. We already have a Selenium grid running with a few browser instances connected to it. Ideally we would like to split the tests out to be ran in parallel among the browser instances in the grid.

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

React Static Site

React Static Site | JavaScript for Line of Business Applications | Scoop.it

I built a doubly static site using React (inc react-router) and Webpack. You can see the current demo here on GitHub or continue reading the following post that explains the steps I took during this experiment. This post proves the basic concept and there will be a followup post covering the fine tuning needed to put this into production.

Why

My blog currently uses Jekyll. Its a great way to build a static site but for a while now I have been wanting to migrate off Jekyll onto something more familiar. I don’t use Jekyll for anything other than my blog so each time I go back to it there is a small learning curve. I don’t feel the need to join the WordPress cult and Javascript is where my heart is so some sort of custom node setup was the likely winner.

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

Kefir.js — fast and light Reactive Programming library for JavaScript inspired by Bacon.js and RxJS

Kefir.js — fast and light Reactive Programming library for JavaScript inspired by Bacon.js and RxJS | JavaScript for Line of Business Applications | Scoop.it

Kefir — is a Reactive Programming library for JavaScript inspired by Bacon.js and RxJS, with focus on high performance and low memory usage.

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

React.js Tutorial Pt 1: A Comprehensive Guide to Building Apps with React.js

React.js Tutorial Pt 1: A Comprehensive Guide to Building Apps with React.js | JavaScript for Line of Business Applications | Scoop.it

Components are the building blocks of React. If you’re coming from an Angular background, components are very similar to Directives. If you’re coming from a different background, they’re essentially widgets or modules. You can think of a component as a collection of HTML, CSS, JS, and some internal data specific to that component. I like to think of React components as the Kolaches of the web. They have everything you need, wrapped in a delicious composable bundle. These components are defined either in pure JavaScript or they can be defined in what the React team calls “JSX”. If you decide to use JSX (which you most likely will, it’s pretty standard – and it’s what we’ll use for this tutorial), you’ll need some compile stage to convert your JSX to JavaScript, we’ll get to this later.

Jan Hesse's insight:

Pt I: A Comprehensive Guide to Building Apps with React.js.

Pt II: Building React.js Apps with Gulp, and Browserify.

Pt III: Architecting React.js Apps with Flux. (Coming Soon)

Pt IV: Add Routing to your React App with React Router. (Coming Soon)

Pt V: Add Data Persistence to your React App with Firebase. (Coming Soon)

Pt VI: Combining React.js, Flux, React Router, Firebase, Gulp, and Browserify. (Coming Soon)

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

Sane Stack

Sane Stack | JavaScript for Line of Business Applications | Scoop.it
The JS Fullstack to get you productive instantly.

A Javascript Fullstack and CLI that lets you rapidly create production-ready web apps using Sails and Ember, giving you Docker support, generators and more.

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

Sort and Filter a Table Using Angular

Sort and Filter a Table Using Angular | JavaScript for Line of Business Applications | Scoop.it
When building Angular applications, one of the cornerstones we will use is ng-repeat. Showing data is something that we do in applications like when we show a table of users or whatever other data we need to show our users....
more...
No comment yet.
Scoop.it!

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

Tuxx - It is like React, but with more bowties. | JavaScript for Line of Business Applications | 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.

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

How can React and Flux help us create better Angular applications?

How can React and Flux help us create better Angular applications? | JavaScript for Line of Business Applications | Scoop.it

Facebook’s React and Flux were the most interesting developments of 2014 for angular developers. Not that angular developers should all go jump ship and hop on the React train. But rather, that React and Flux can teach us ways to architect better angular applications. By taking cues from React and Flux, we can create applications that are simpler, more scalable, faster, and easier to test.

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

Easily Develop Node.js and MongoDB Apps with Mongoose

Easily Develop Node.js and MongoDB Apps with Mongoose | JavaScript for Line of Business Applications | Scoop.it

Today we’ll be looking at code samples to handle CRUD operations in a Node.js, ExpressJS, and MongoDB application. We’ll use the popular Node package, mongoose.

Mongoose allows us to have access to the MongoDB commands for CRUD simply and easily. 

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

Synchronous asynchronous JavaScript with ES6 Generators

Synchronous asynchronous JavaScript with ES6 Generators | JavaScript for Line of Business Applications | Scoop.it

I was pretty much sold on Promises as the answer to everything. That was, until I heard about generator functions and iterator objects, a new way to define functions that paused and continued and available in ECMAScript 6.

Now I’m not going to get into the nitty gritty of these ES6iterators and generators, as far more intelligent people than me have already documented them in an much more elegant way than I ever could.

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

Measuring Client-Side JavaScript Test Coverage With Istanbul

Measuring Client-Side JavaScript Test Coverage With Istanbul | JavaScript for Line of Business Applications | Scoop.it

Use Istanbul to get an in-depth look at what you currently are and aren't testing in your JavaScript app.

Rather than using test coverage as a measure of developer thoroughness, it makes a lot more sense to use coverage as a way of seeing which code isn't covered (hint: it's often else branches). That information can then be used to prioritize testing goals.

In summary: don't use code coverage to measure what's tested, use it to find out what isn't.

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

Destructuring and parameter handling in ECMAScript 6

Destructuring and parameter handling in ECMAScript 6 | JavaScript for Line of Business Applications | Scoop.it

ECMAScript 6 (ES6) supports destructuring, a convenient way to extract values from data stored in (possibly nested) objects and arrays. This blog post describes how it works and gives examples of its usefulness. Additionally, parameter handling receives a significant upgrade in ES6: it becomes similar to and supports destructuring, which is why it is explained here, too.

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

Mastering `this` in JavaScript

Mastering `this` in JavaScript | JavaScript for Line of Business Applications | Scoop.it
Master JavaScript's this variable, lexical scoping, the four ways to set its value, and the one way you shouldn't.
more...
No comment yet.
Scoop.it!

Backbone vs. Knockout

Backbone vs. Knockout | JavaScript for Line of Business Applications | Scoop.it
If you are asking yourself, which Javascript framework should I use for my next application, then this is the article for you.
more...
No comment yet.
Scoop.it!

Getting Started with React.js

React.js is a JavaScript library for building user interfaces.

- Just the UI: Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

- Virtual DOM: React uses a virtual DOM diff implementation for ultra-high performance. It can also render on the server using Node.js — no heavy browser DOM required.

- Data flow: React implements one-way reactive data flow which reduces boilerplate and is easier to reason about than traditional data binding.

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

The React Quick Start Guide

The React Quick Start Guide | JavaScript for Line of Business Applications | Scoop.it

This article will give you a quick overview of how to build user interfaces in React JS. There's just enough to get yourself started and nothing more. Code along with this starter kit (instructions in the repo) or just read along.

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

Let’s Write Fast JavaScript

Let's Write Fast JavaScript - The JavaScript Collection - Medium
A few interesting JavaScript benchmarks and tips
more...
No comment yet.
Scoop.it!

The Ins and Outs of Token Based Authentication

The Ins and Outs of Token Based Authentication | JavaScript for Line of Business Applications | Scoop.it

Token based authentication is prominent everywhere on the web nowadays. With most every web company using an API, tokens are the best way to handle authentication for multiple users.

The traditional way of having our applications remember who we are is to store the user logged in information on the server. This can be done in a few different ways on the session, usually in memory or stored on the disk.

more...
No comment yet.