JavaScript for Line of Business Applications
512.8K views | +96 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...
Scoop.it!

Mithril vs. Angular vs. React

Mithril vs. Angular vs. React | JavaScript for Line of Business Applications | Scoop.it

The Mithril authors are brilliant and onto something with their tiny 5KB, easy-to-learn JavaScript MVC library.

Mithril gives you hierarchical MVC, URL routing, customizable data binding, and safe-by-default templates with intelligent DOM diff-ing for high-performance rendering. And unlike other frameworks, Mithril does not require you to extend from base classes, allowing you to structure your code however you prefer. Mithril is orthogonal to the module system and compiled syntaxes you use, so you are free to use ES3, ES5 or ES6, asynchronous module definitions, commonJS modules, browserify, TypeScript, sweet.js, babel.js, browserify, and so on.

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

flummox for isomorphic Flux with ReactJS

flummox for isomorphic Flux with ReactJS | JavaScript for Line of Business Applications | Scoop.it
flummox - Idiomatic, modular, testable, isomorphic Flux. No singletons required.
more...
Jinto Jose's curator insight, May 2, 2015 10:56 PM

Isomorphic flux

Scoop.it!

Learning the Ionic Framework as a Sencha Touch Developer: Part 1

Learning the Ionic Framework as a Sencha Touch Developer: Part 1 | JavaScript for Line of Business Applications | Scoop.it
This will be useful as a getting started guide in a general sense, but I will also be making comparisons to Sencha Touch along the way. This will allow you to
more...
No comment yet.
Scoop.it!

Advancing JavaScript without breaking the web

Advancing JavaScript without breaking the web | JavaScript for Line of Business Applications | Scoop.it

Current advancements in ECMAScript are a great opportunity, but also a challenge for the web. Whilst adding new, important features we’re also running the danger of breaking backwards compatibility.

JavaScript doesn’t force you to write organised code. From a syntax point of view and when it comes to type safety and memory allocation it is an utter mess. This made JavaScript the success it is now. It is a language used in client environments like browsers and apps. 

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

Reapp - a new way to build apps with React and JavaScript.

Reapp - a new way to build apps with React and JavaScript. | JavaScript for Line of Business Applications | Scoop.it

Reapp is everything you need to build amazing apps with React: a collection of packages that work together, our UI kit, and a CLI that scaffolds your app and includes a server and build system.

Jan Hesse's insight:

https://github.com/reapp

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

Getting Started with React.js in ASP.NET MVC

Getting Started with React.js in ASP.NET MVC | JavaScript for Line of Business Applications | Scoop.it

In this post we will learn how to Getting Started with React.js in ASP.NET MVC.

  • React top feature is SPEED.

ReactJS.NET makes it easier to use Facebook’s React and JSX from C# and other .NET languages, focusing specifically on ASP.NET MVC. It supports on-the-fly JSX to JavaScript compilation, also bundling and minification.


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

Boost the Performance of an AngularJS Application Using Immutable Data

Boost the Performance of an AngularJS Application Using Immutable Data | JavaScript for Line of Business Applications | Scoop.it

A react component gets rendered the same way when it receives the same input parameters and it has the same state (if you implement it properly). React even provides the PureRenderMixin, which can make the “pure component” rendering even faster!

React is awesome, there are no two opinions. I’m also huge AngularJS fan. A few years ago I wrote the first AngularJS Style Guide“AngularJS in Patterns”AngularAOP and a few other AngularJS modules/components/examples, which got popular. So I started wondering whether I can use the same idea of immutability of the model in AngularJS, at least for accelerating the data-binding watchers.

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

Fixing Memory Leaks in AngularJS and other JavaScript Applications

Fixing Memory Leaks in AngularJS and other JavaScript Applications | JavaScript for Line of Business Applications | Scoop.it

Dealing with memory leaks in JavaScript applications can be a complex process. In this article I'm going to show you how to identify whether you have memory leaks, analyse them and ultimately resolve them.

I'm using an AngularJS application to demonstrate the concepts and approaches, but much of this material applies to any JavaScript application.


Contents:

  • Understanding Memory Leaks What is a Memory Leak? Why is a Memory Leak Bad?
  • Identifying Memory Leaks Method 1: The Wrong Way Method 2: The Timeline Method 3: Recording Heap Allocations Method 4: Heap Snapshots
  • Analysing Memory Leaks Analysing the leak in Scenario 2 More on Graphs
  • Fixing Memory Leaks Three golden rules Anti-patterns to avoid
  • The Future Weak Maps AngularJS 2 Even Better Browsers
  • Appendices Thanks Mysteries Futher Reading
more...
Rick's curator insight, July 17, 2015 9:45 AM

Resolving memory leaks can dramatically increase the performance of your application.

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!

Change And Its Detection In JavaScript Frameworks

Change And Its Detection In JavaScript Frameworks | JavaScript for Line of Business Applications | Scoop.it

Managing the synchronization of app state and the user interface has long been a major source of complexity in UI development, and by now we have several different approaches to dealing with it. This article explores a few of them: Ember's data binding, Angular's dirty checking, React's virtual DOM, and its relationship to immutable data structures.

Where things start to get more challenging is when we start talking about data changing over time. This can happen when the user interacts with the UI, or when something else happens in the world that updates the data. The UI needs to reflect this change. Furthermore, because rebuilding DOM trees is expensive, we'd like to do as little work as possible to get that updated data on the screen.

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

An Overview of JavaScript in 2015

An Overview of JavaScript in 2015 | JavaScript for Line of Business Applications | Scoop.it

This sixth edition of JavaScript introduces a lot of new language features, it might even be the most feature packed revision to date in terms of language additions, and that is with some of the features scheduled, like comprehensions and rest and spread properties being delayed to the next edition.

These features are also backwards compatible, in the sense that they are mostly syntatic sugar and can be de-sugared to older versions of the language, meaning we can use them right now with a compiler like babel

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

No promises: asynchronous JavaScript with only generators

No promises: asynchronous JavaScript with only generators | JavaScript for Line of Business Applications | Scoop.it

Two ECMAScript 6 features enable an intriguing new style of asynchronous JavaScript code: promises and generators. This blog post explains this new style and presents a way of using it without promises.

Before ECMAScript 6, you couldn’t pause and resume the execution of code, but you could simulate it, by putting console.log(result) into a callback, a so-calledcontinuation.

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

Just another introduction to ES6

Just another introduction to ES6 | JavaScript for Line of Business Applications | Scoop.it

In this post I am going to introduce you to some of these features used inES6 Fiddle. I recommend you to play with them and get a feeling of what’s to come. These are the features that are being covered:

  • Arrow functions and let keyword; Block scopes
  • Classes and inheritance; Default parameters
  • Destructured assignment
  • Generators; Iterators; Maps
  • Promises; Rest parameters; Sets
  • Spread operator; Template Literals

Let’s get started! You can follow this post with ES6 Fiddle side by side.

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

BackboneJS Frontend Web App with Cloud Storage Tutorial Part 1: Building a Minimal App in Seven Steps

BackboneJS Frontend Web App with Cloud Storage Tutorial Part 1: Building a Minimal App in Seven Steps | JavaScript for Line of Business Applications | Scoop.it
Learn how to build a frontend web application with minimal effort in seven steps, using the BackboneJS framework and the cloud storage service Parse.com.; Author: Gerd Wagner; Updated: 11 Mar 2015; Section: Client side scripting; Chapter: Web Development;...
more...
No comment yet.
Scoop.it!

Flux solutions compared by example

Flux solutions compared by example | JavaScript for Line of Business Applications | Scoop.it
Flux solutions compared by example Nowadays Flux (together with React.js) is one of the hottest topics in the tech world. When people talk about Flux they mean more of a pattern than a framework. But...
more...
No comment yet.
Scoop.it!

Boiling React Down to a Few Lines in jQuery

Boiling React Down to a Few Lines in jQuery | JavaScript for Line of Business Applications | Scoop.it

You probably heard something like how React is awesome ‘cause it makes UI a pure function of application state? But even before you started to get that it was complemented with something like how that works on top of immutability and virtual DOM? And then you get free save, load, undo and something insane called time-travel debugging on top of that. Guess what? None of these are necessary to use core React idea and reap its benefits. And I’ll show that in a few lines in jQuery.

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

Goodbye MongoDB, Hello PostgreSQL

Goodbye MongoDB, Hello PostgreSQL | JavaScript for Line of Business Applications | Scoop.it
Migrating from MongoDB to PostgreSQL

While we can be extremely proud of what we have achieved so far there was always something lurking in the dark: our primary database. From the start of Olery we’ve had a database setup that involved MySQL for crucial data (users, contracts, etc) and MongoDB for storing reviews and similar data (essentially the data we can easily retrieve in case of data loss). While this setup served us well initially we began experiencing various problems as we grew, in particular with MongoDB. Some of these problems were due to the way applications interacted with the database, some were due to the database itself.

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

What the flux?

What the flux? | JavaScript for Line of Business Applications | Scoop.it
Flux by Facebook is an architectural pattern for using their React library. This post helps explain flux in easy to understand ways....
more...
No comment yet.
Scoop.it!

Visualizing Reactive Streams: Hot and Cold Observables

Visualizing Reactive Streams: Hot and Cold Observables | JavaScript for Line of Business Applications | Scoop.it

Reactive Programming is getting a lot of attention these days, and it promises to reduce frustration, bugs, and greenhouse gas emissions. Unfortunately, there’s a sizeable learning curve involved while you try and get your head to think in streams instead of imperative sequential processes.

One of the things that caught me by suprise is the difference between hotand cold observables, and how they interact with multiple observers.

In this article, I will:

All with lots of visuals. Enjoy!


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

How to Self Detect a Memory Leak in Node

How to Self Detect a Memory Leak in Node | JavaScript for Line of Business Applications | Scoop.it

Tracking down memory leaks with node.js has always been a challenge. The following discusses how to track memory leaks from within a node application itself with the help of two awesome node modules – memwatch and heapdump.

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

Building Realtime Applications Just Got Easy

Building Realtime Applications Just Got Easy | JavaScript for Line of Business Applications | Scoop.it

Creating realtime web applications has been possible for a while now, however up until recently it’s been kind of a pain and required a big engineering effort.

I think this is largely because the tools haven’t provided exactly what we needed to do realtime in a simple and painless way.

Luckily this has all changed, now it’s pretty easy to build realtime applications and it’s my goal to prove that to you in this episode.

The best way to prove this is by showing you, so we’ll build a simple single page application the uses realtime features from top to bottom.

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

React Bootstrap

React Bootstrap | JavaScript for Line of Business Applications | Scoop.it

All Components of the most popular front-end framework, rebuilt for React.

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

Building Isomorphic Webapps on the JVM with React.js and Spring Boot

Building Isomorphic Webapps on the JVM with React.js and Spring Boot | JavaScript for Line of Business Applications | Scoop.it

This article demonstrates how to combine React.js with Java and Spring Boot in order to pre-render fully-fledged MVC-frontends on the JVM server without even thinking about Node.js.

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

Radium - A React Component Styling Library

Radium - A React Component Styling Library | JavaScript for Line of Business Applications | Scoop.it

Radium is a set of tools to manage inline styles on React elements. It gives you powerful styling capabilities without CSS.

We're also working on implementing Bootstrap in Radium.

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

I wrote a JavaScript study guide

I wrote a JavaScript study guide | JavaScript for Line of Business Applications | Scoop.it

JavaScript is a disgusting language. But I love it!

It’s riddled with awful parts, was put together in 10 days, and now we have to suffer for the next 20 years (it turns 20 in a few months).  However, it’s also the duct tape of the internet, and it works just about anywhere that there is a browser. It’s also perhaps the most misunderstood language.

At hackathons, I see tons of students trying to get started with JavaScript, as they are trying to write web apps or cross platform mobile ones, and they often get caught on simple things. For that reason, I’ve put together a JavaScript study guide.

more...
Steven Hill's curator insight, March 10, 2015 11:12 AM

This is something I would like to explore.