JavaScript for Line of Business Applications
606.5K views | +6 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...

Popular Tags - Filter using the Funnel

Scoop.it!

Tail Calls, Default Arguments, and Excessive Recycling in ES-6

Tail Calls, Default Arguments, and Excessive Recycling in ES-6 | JavaScript for Line of Business Applications | Scoop.it

The mapWith and foldWith functions we wrote in Destructuring and Recursion in ES6 are useful for illustrating the basic principles behind using recursion to work with self-similar data structures, but they are not “production-ready” implementations. One of the reasons they are not production-ready is that they consume memory proportional to the size of the array being folded.

No comment yet.
Scoop.it!

is.js - Check types, regexps, presence, time and more...

is.js - Check types, regexps, presence, time and more... | JavaScript for Line of Business Applications | Scoop.it

This is a general-purpose check library. Not only for Assertion Testing.

No comment yet.
Scoop.it!

Organize Your Ember App with Pods

Organize Your Ember App with Pods | JavaScript for Line of Business Applications | Scoop.it

You may have seen references to pods when reading up on Ember and ember-cli. What the heck are pods? Simply put, pods are a way of grouping files in your project by feature (ex: Task) rather than by type (ex: controllers). According to the ember-cli documentation, “As your app gets bigger, a feature-driven structure may be better. Splitting your application by functionality/resource would give you more power and control to scale and maintain it”.

No comment yet.
Scoop.it!

Mighty HTML5 Game Editor

Mighty HTML5 Game Editor | JavaScript for Line of Business Applications | Scoop.it

Web based open source HTML5 game editor, based on Phaser.io game engine. Create your games with ease and share them in seconds.

No comment yet.
Scoop.it!

Ember.js: dealing with paginated APIs

Ember.js: dealing with paginated APIs | JavaScript for Line of Business Applications | Scoop.it

Almost every web site or application deals with pagination at some point. In this article, I will showcase two ways of dealing with paginated APIs with ember.js and ember data. Both examples consumes the same kind of API, but how the data is handled and presented differs.

No comment yet.
Scoop.it!

Ember.JS Links - A curated list of Ember resources.

Ember.JS Links - A curated list of Ember resources. | JavaScript for Line of Business Applications | Scoop.it
A curated list of useful EmberJS links.
No comment yet.
Scoop.it!

Setting up a Project with Ember and Clojure

Setting up a Project with Ember and Clojure | JavaScript for Line of Business Applications | Scoop.it
An Ember/Clojure project setup using Ember.js to build our web app interface and Clojure to power our API.
No comment yet.
Scoop.it!

Introduction to Emberkit - Ember.js

mber.js and Rails code kit to get your Software as a Service application up and running in no time at all.

Uses Ember.js and Ember Data for the frontend application, and Ruby on Rails for the backend API

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

The Complementarity of React and Web Components

The component driven, performance focused approach of React is a perfect complement to the modularity and portability of native HTML Web Components. At first glance, React and Web Components might seem like two radically different solutions to the same problem. But when combined properly they complement each other to create an extremely powerful, expressive framework for developing complex web applications.

No comment yet.
Scoop.it!

Using React.js and Application Cache for a fast, synced app

Using React.js and Application Cache for a fast, synced app | JavaScript for Line of Business Applications | Scoop.it

In many apps at scale, the choice between fast app load and up-to-date data arises at some point, on some level. You can cache aggressively, but you’ll probably be serving stale data at some point. You can retrieve fresh data, but you’ll probably be sacrificing some load time. You can shoot for both, but you’ll likely require more hardware, app complexity, or both (read: money).

Identifying what tradeoffs you’re able to make depend on your specific app and business needs. This post is about how our team at Tab for a Cause answered this question using React.js and application cache.

No comment yet.
Scoop.it!

A simple isomorphic javascript blog with React and Nodejs

Techs

A short list of the frameworks/libraries involved in the project.

React components and Flux architecture

The app (try to) follow the React/Flux architecture. So all the code is divided into: actions,dispatcher, stores and views.

Maybe I didn't always follow the pattern so strictly, as you will see after with stores, but I did my best to be clear.

No comment yet.
Scoop.it!

Building a Meteor.js mobile app with Cordova, MongoDB, and Ratchet

Join Josh Owens as he builds a Meteor.js app from scratch using Ratchet, Cordova, and MongoDB.
No comment yet.
Scoop.it!

Flux flow example with http request and error handling for a better understanding of Flux architecture

Flux flow example with http request and error handling for a better understanding of Flux architecture | JavaScript for Line of Business Applications | Scoop.it

If you're stuck at understanding Flux architecture, this example might help you. It contains very basic flux data flow with http request and errors handling.

Flux technologies stack:

No comment yet.
Scoop.it!

FormatJS - Internationalize your web apps on the client & server

FormatJS - Internationalize your web apps on the client & server | JavaScript for Line of Business Applications | Scoop.it

FormatJS is a modular collection of JavaScript libraries for internationalization that are focused on formatting numbers, dates, and strings for displaying to people. It includes a set of core libraries that build on the JavaScript Intl built-ins and industry-wide i18n standards,plus a set of integrations for common template and component libraries.

No comment yet.
Scoop.it!

Embracing Ember Conventions: Loading and Error Substates

Ember is built around conventions. Conventions are great for developers because they can leverage framework decisions to be productive and eliminate a lot of boilerplate or repetitive code.

Loading and Error Substates can and should be used in your Ember applications to provide user feedback for these common states. We’ll look at examples of nested templates and built-in event hooks. Using http-mocks, we’ll look at handling errors and simulate using an app on a slow connection to see how important and easy this type feedback is.

Repo that was used for demos is available here:
https://github.com/cball/loading-error-substates-example
No comment yet.
Scoop.it!

Making an ember enterprise app work on IE8

Making an ember enterprise app work on IE8 | JavaScript for Line of Business Applications | Scoop.it

We took a risk replatforming forming to ember since there was never a guarantee that everything would work smoothly on IE8. Indeed, it has been a headache for me to get the application performing well. However, with the support of the community, we have reached our goal and IE8 is fully supported, although it runs significantly slower and isn't as aesthetically pleasing.

It must also be said that squire is a fairly large application, and so some simple ie tricks weren't enough. Our authentication uses LocalStorage to store authenticated state and also needs to make use of some more modern constructs, like Object.keys().

No comment yet.
Scoop.it!

Getting Started With Sinatra and Ember-CLI

Getting Started With Sinatra and Ember-CLI | JavaScript for Line of Business Applications | Scoop.it
A step by step tutorial on building a news reader using Sinatra and Ember.js

Although Ember is impressively backend agnostic, the de-facto choice for serving Ember apps and providing APIs has generally been nodeJS. Using one language on both client and server, but in this post I’m going to talk about a different option: using Ruby and Sinatra as the backend.

No comment yet.
Scoop.it!

Setting up Ember.js with Rails

Setting up Ember.js with Rails | JavaScript for Line of Business Applications | Scoop.it

The most used tool for running Ember apps nowadays is ember-cli. Written with Node.js, generates files and runs the application. Ember-CLI comes with some nice features like asset pipeline and ES6 transpiling. But even with all these features, sometimes you just to keep your workflow and use Rails.

In this article you’ll see how to set up Ember in a Ruby on Rails app, with testing support using QUnit.

The most used tool for running Ember apps nowadays is ember-cli. Written with Node.js, generates files and runs the application. Ember-CLI comes with some nice features like asset pipeline and ES6 transpiling. But even with all these features, sometimes you just to keep your workflow and use Rails.

In this article you’ll see how to set up Ember in a Ruby on Rails app, with testing support using QUnit.

Jan Hesse's insight:

Follow up:

http://nandovieira.com/setting-up-emberjs-with-rails-ember-cli-edition

No comment yet.
Scoop.it!

Wireframes with Ember.js

Wireframes with Ember.js | JavaScript for Line of Business Applications | Scoop.it
We are now using Ember.js to build html wireframes. Doing so, we can deliver interactive html wireframes that clients are able to use and give feedback on
No comment yet.
Scoop.it!

Build User Detection and Message History using Ember.js

Build User Detection and Message History using Ember.js | JavaScript for Line of Business Applications | Scoop.it

We’ll build a quick and easy chat application, and enable users to see who is on the channel, and who is offline. This ensures that no unauthorized users on in the secret chatroom. And we’ll do it all using Ember.js


This tutorial will walk you through implementing user detection and message history functionality, using PubNub Presence and Storage & Playback, all in a realtime chat application built with Ember.js.

This example just scratches the surface of what you can do with the power of the PubNub Data Stream Network.

Jan Hesse's insight:

Follow Ups:

http://www.pubnub.com/blog/customizable-user-presence-data-for-an-ember-js-chat-app/

http://www.pubnub.com/blog/ember-js-encryption-and-three-way-data-binding-for-chat/

No comment yet.
Scoop.it!

Reactive programming by example

Reactive programming by example | JavaScript for Line of Business Applications | Scoop.it

All the tutorials in the world cannot replace hands-on experience, so once you’re done reading about reactive programming, go ahead and try it for yourself. A decent way to do that is to pick a task you’re otherwise familiar with, and see what that looks like when you add streams into the mix. Below, I will guide you through the task I’ve chosen for myself, to see how Rx would fare in a simple but realistic scenario.

Suppose you want to create a search page on your shiny Web 2.0 site, with the relevant results magically appearing on the screen as soon as the user types anything.

No comment yet.
Scoop.it!

JavaScript classes with ECMAScript 6

JavaScript classes with ECMAScript 6 | JavaScript for Line of Business Applications | Scoop.it
JavaScript has been officially initiated as an object-oriented language with the introduction of classes in ECMAScript 6.
No comment yet.
Scoop.it!

Hybrid UI framework shootout: Ionic vs. Famo.us vs. F7 vs. OnsenUI

Hybrid UI framework shootout: Ionic vs. Famo.us vs. F7 vs. OnsenUI | JavaScript for Line of Business Applications | Scoop.it
JavaScript expert Tal Gleichger compares and contrasts the four most popular UI frameworks for creating hybrid applications - Ionic, Famo.us, F7, and Onsen.

Contents:

No comment yet.
Scoop.it!

Presenting The Most Over-Engineered Blog Ever

Presenting The Most Over-Engineered Blog Ever | JavaScript for Line of Business Applications | Scoop.it

Notably, using React my app is split into components that can all be rendered on the client or the server. I have full power to control what gets rendered on each side.

It's what people call an "isomorphic" app, which is a fancy way of saying that generally I don't have to think about the server or the client when writing code; it just works in both places. When we finally got JavaScript on the server, this is what everyone dreamed about, but until React there hasn't been a great way to realize this.


This is quick post-mortem of my experience and some explanation of how it works. The code is up on github, but beware it is still quite messy as I did all of this in a small amount of time.

No comment yet.