JavaScript for Line of Business Applications
596.2K views | +0 today
Follow
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!

MERN — Easiest way to build isomorphic JavaScript apps using React and Redux.

MERN — Easiest way to build isomorphic JavaScript apps using React and Redux. | JavaScript for Line of Business Applications | Scoop.it
MERN is a scaffolding tool which makes it easy to build isomorphic apps using Mongo, Express, React and NodeJS. It minimizes the setup time and gets you up to speed using proven technologies.
No comment yet.
Scoop.it!

High-performance Web Worker messages

High-performance Web Worker messages | JavaScript for Line of Business Applications | Scoop.it
In recent posts and talks, I've explored how Web Workers can vastly improve the responsiveness of a web application, by moving work off the UI thread and thereby reducing DOM-blocking. In this post, I'll delve a bit more deeply into the performance characteristics of postMessage(), which is the primary interface for communicating with Web Workers.…
No comment yet.
Scoop.it!

Introduction to Functional Reactive Programming with RxJS

Introduction to Functional Reactive Programming with RxJS | JavaScript for Line of Business Applications | Scoop.it
Curious about functional reactive programming? Florian Rappl explains the concepts, working through several examples using the RxJS library.
No comment yet.
Scoop.it!

TypeScript Redux

TypeScript Redux | JavaScript for Line of Business Applications | Scoop.it

This guide goes through setting up, running and exploring the ultimate JavaScript Stack du jour:

  • TypeScript - Superset of JavaScript with optional typing, advanced language features and down-level ES5 support
  • JSPM - JavaScript Package Manager supporting SystemJS modules and multiple npm and GitHub repositories
  • TSD - Package manager to search and install TypeScript definition files
  • React - Simple, high-performance JavaScript UI Framework utilizing a Virtual DOM and Reactive Data flows
  • Redux - Predictable state manager for JavaScript Apps

Providing a great base for the development of large-scale, JavaScript Apps that's further enhanced by a great development experience within Visual Studio.

No comment yet.
Scoop.it!

Taking advantage of Observables in Angular 2

Taking advantage of Observables in Angular 2 | JavaScript for Line of Business Applications | Scoop.it
Angular 2 favors Observables over Promises when it comes to async. The rational behind this decision may not be obvious right from the start. There is definitely a learning curve to master Observables in all their beauty. In this article we like to explore some practical advantages with Observables for server communication.
Jan Hesse's insight:

FollowUp: http://blog.thoughtram.io/angular/2016/01/07/taking-advantage-of-observables-in-angular2-pt2.html

Scoop.it!

Meteor, Angular2 and React: once the dust settles…

Meteor, Angular2 and React: once the dust settles… | JavaScript for Line of Business Applications | Scoop.it
2015 will be remembered as the year of the Javascript Fatigue.


Being a JS developer right now is like being one of the suitors waiting forPenelope to finish weaving Odysseus’s shroud, being constantly reminded that yes, 1.x is indeed limited and 1.y will change everything so please stick with us a little bit longer.

I mean, there is no framework right now that is really production-ready (except for React, but, again… React 1.x is coming soon, is it?). Change is good, change is healthy, although having to re-learn everything from scratch again (yes, Angular, I’m talking to you) can be difficult for big projects that would like to stay up-to-date.

No comment yet.
Scoop.it!

Amoklauf - A demo WebApp built with AmpersandJS & RiotJS

Amoklauf - A demo WebApp built with AmpersandJS & RiotJS | JavaScript for Line of Business Applications | Scoop.it

This is just a demo but at least a functional one. 

  • It shows a Login page (enter anything)
  • uses a real, JSON-based remote service (JSON Test)
  • has a Menu structure
  • has a Movie-list built with RiotControl and AmpersandJS Model & Collections
  • a Todo-List
  • and a Contact Form

It also can serve as a boilerplate because is very easy to replace/remove parts which are not of interest (or buggy?).

No comment yet.
Scoop.it!

Angular 2 versus React: There Will Be Blood

Angular 2 versus React: There Will Be Blood | JavaScript for Line of Business Applications | Scoop.it

Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React.

You’re Comparing Apples and Orangutans!

Sigh. Yes, Angular is a framework, React is a library. Some say this difference makes comparing them illogical. Not at all!

No comment yet.
Scoop.it!

A Lesson Learned After a Year of Using ReactJS

A Lesson Learned After a Year of Using ReactJS | JavaScript for Line of Business Applications | Scoop.it
After almost a year of using ReactJS and digesting all of the ideas around we are here to share with you our experience.
No comment yet.
Scoop.it!

Stateless React components

Stateless React components | JavaScript for Line of Business Applications | Scoop.it

React v0.14.0 introduces “stateless” components, which takes a more functional approach to creating chunks of JSX and templates. In my previous article on creating a tab component I created the components using the traditional way, usingReact.createClass() or ES6 Classes that extend React.Component.

No comment yet.
Scoop.it!

The State of TypeScript Packages

As a module author and developer, I love TypeScript. It allows me to write, publish and consume 100% type-safe JavaScript. Features like autocompletion, type validation and ES6 features are now part of my typical workflow. However, one step in this development lifecycle has always been broken for me. I’ve published half a dozen modules on...
No comment yet.
Scoop.it!

A quick introduction to explore how components can be created in several frameworks.

A quick introduction to explore how components can be created in several frameworks. | JavaScript for Line of Business Applications | Scoop.it

In this project I want to compare the usage and development of components in several frameworks. To test these frameworks I'll create multiple components from simple to complex to show the differences between these frameworks. I currently plan to look into the following frameworks:

No comment yet.
Scoop.it!

Complex Components in Ember.js - Analyzing user flows

Complex Components in Ember.js - Analyzing user flows | JavaScript for Line of Business Applications | Scoop.it

We’ll go through the main UI flows and see how they are implemented via communication of the different layers of the component.

The way of upward communication from child components is calling these actions when appropriate.

We now have sufficient knowledge to follow the implemention of basic user flows, so let’s get into it.

No comment yet.
Scoop.it!

Practical Intro to Monads in JavaScript

Practical Intro to Monads in JavaScript | JavaScript for Line of Business Applications | Scoop.it

In category theory, the concept of catamorphism (from Greek: κατά = downwards or according to; μορφή = form or shape) denotes the unique homomorphism from an initial algebra into some other algebra.

No comment yet.
Scoop.it!

Step-By-Step OData 4 / TypeScript / AngularJs / CRUD Sample

Step-By-Step OData 4 / TypeScript / AngularJs / CRUD Sample | JavaScript for Line of Business Applications | Scoop.it
Combined with TypeScript and AngularJs, Odata 4 provides an important component in creating modern SPA (Single Page Applications) quickly and easily.
No comment yet.
Scoop.it!

Rules For Structuring (Redux) Applications

Rules For Structuring (Redux) Applications | JavaScript for Line of Business Applications | Scoop.it

As our applications grow, we often find that file structure and organization to be crucial for the mainability of application code. What I want to do in this post is to present three organizational rules that I personally follow on my own projects.

No comment yet.
Scoop.it!

Keeping Promises With JavaScript

Keeping Promises With JavaScript | JavaScript for Line of Business Applications | Scoop.it

Get out of callback hell with Promises. Promises are an exciting new feature in JavaScript that makes asynchronous methods much easier to manage.

No comment yet.
Scoop.it!

Zero to Hero with Ember.js

Would you like help creating single-page applications (SPAs)? Maybe you've worked with tools like jQuery and AJAX, but what about Ember? With a simple syntax and an emphasis on reuse and components, this JavaScript framework can make it very easy to create interactive pages. 

Learn how to quickly get started creating applications with Ember. Walk through the basics of installation, explore the framework's architecture, work with Ember objects and collections, and explore with advanced concepts, like dependency injection. And wrap with a look at testing, security, and publishing. Don't miss this chance to see all of the programming goodness Ember has to offer, and get your questions answered!

No comment yet.
Scoop.it!

Include External JavaScript Libraries In An Angular 2 TypeScript Project

Include External JavaScript Libraries In An Angular 2 TypeScript Project | JavaScript for Line of Business Applications | Scoop.it
Use external JavaScript libraries in a TypeScript Angular 2 project.  Declare components from external libraries and then use them as normal.
No comment yet.
Scoop.it!

React.js with Isotope and Flux

React.js with Isotope and Flux | JavaScript for Line of Business Applications | Scoop.it
Learn how to integrate React.js and Isotope to create beautiful and interactive User Interfaces

Isotope will sort and filter to your heart’s content with initially loaded data, but if you want to load more data or reload data in the DOM, then Isotope is completely unaware of that new data (referring to React DOM updates and new DOM insertions/deletions). Also, frequently, the first set of props sent to child components is null or empty. The good news here is that you can still use the best of React with the best of Isotope.

No comment yet.
Scoop.it!

Data Persistence and Sessions With React

Data Persistence and Sessions With React | JavaScript for Line of Business Applications | Scoop.it
Ensuring your application's users stay logged in and remembered by the app, despite Client or Server disconnections, is a crucial feature—which is easy to implement with React and Express.
No comment yet.
Scoop.it!

Where Flux Went Wrong

Where Flux Went Wrong | JavaScript for Line of Business Applications | Scoop.it
Regain your sanity by pulling application state out of ReactJS components.

The real issue with its design is that application state (read: stuff from stores) must be applied to local component state. How does one go about testing a component given this architecture? Well, now that it’s coupled to one or more stores, you’ll have the added work of mocking stores and actions before you can properly determine what your component looks like at the end of it all (and don’t forget to check the store shape, too). Yes, the core problem with this pattern is the usage of this.state.

No comment yet.
Scoop.it!

Getting Started with Relay

Getting Started with Relay | JavaScript for Line of Business Applications | Scoop.it

Relay is an open source framework from Facebook for declarative data interaction with GraphQL. It fills the data fetching gap that existed with React + Flux applications and allows developers to request exactly the data they need for each component. In this tutorial, we see how to set up a basic Relay application and how to protect GraphQL with JWT authentication.

No comment yet.
Scoop.it!

catbee: High level framework based on Catberry, Baobab and Cerebral concepts

catbee: High level framework based on Catberry, Baobab and Cerebral concepts | JavaScript for Line of Business Applications | Scoop.it

Catbee is Catberry small brother (read as fork). Unlike the Catberry, Catbee use "Single State Tree" conception. All state mutations run in signals, and powered by AppState module.

With Boilerplate for ES6, YAML, CSSModules, PostCSS, Cached API Service, ESLint and Lab.

No comment yet.
Scoop.it!

Angular 2 for React developers

Angular 2 for React developers | JavaScript for Line of Business Applications | Scoop.it

React has been on top of the world as of recently, for good reasons, it’s a fantastic approach to building modern web apps. This post is catered to those who are neck-deep in React and what to make an easy transition to Angular 2. This is angular 2 for react developers.

No comment yet.