JavaScript for Line of Business Applications
524.2K views | +35 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!

React Tutorial using MERN stack

React Tutorial using MERN stack | JavaScript for Line of Business Applications | Scoop.it

This is a step-by-step tutorial that will help you get up to speed with React quickly, and also build a complete app with the MERN (Mongo-Express-React-Node) stack. You'll also learn other tools that you typically use to build an app: Gulp, Browserify, Material-UI and React-Bootstrap.

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

Create a character voting app using React, Node.js, MongoDB and Socket.IO

Create a character voting app using React, Node.js, MongoDB and Socket.IO | JavaScript for Line of Business Applications | Scoop.it

In this tutorial we are going to build a character voting app (inspired by Facemash) for EVE Online - a massively multiplayer online game. You will learn how to build a REST API with Node.js, save and retrieve data from MongoDB, track online visitors in real-time using Socket.IO, build a single-page app experience using React + Flux with server-side rendering and then finally deploy it to the cloud.

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

How to Implement Node + React Isomorphic JavaScript & Why it Matters

How to Implement Node + React Isomorphic JavaScript & Why it Matters | JavaScript for Line of Business Applications | Scoop.it

With the proliferation of more and more of the web being driven by JavaScript, The speed of the browser DOM is becoming increasingly noticeable.

Lots of sites being driven by popular JavaScript frameworks like Ember, Backbone, or Angular can take a while to render into the DOM. This forces the user to wait for the app to bootstrap itself before they can start viewing & ‘using’ the app.

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

november-cli - Generate a Node.js API for your Ember.js app

november-cli - Generate a Node.js API for your Ember.js app | JavaScript for Line of Business Applications | Scoop.it

November helps you generate a simple Node.js API tailored for Ember.js apps, with the help of Express and Sequelize.

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

Building a Coffee Run app using Node.js and Knockout

Building a Coffee Run app using Node.js and Knockout | JavaScript for Line of Business Applications | Scoop.it

In this post I’ll discuss how I built CoffeeRun as a Single-Page Application (SPA) using Node.js and Knockout.js. This was my first foray into the world of SPAs and Node, so it’s written as a guide to anyone else who is looking to dip their toes in for the first time. I’ll also cover deployment to Azure.

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

Re-Architecting a Firebase app to work with Node.js and MongoDB

Re-Architecting a Firebase app to work with Node.js and MongoDB | JavaScript for Line of Business Applications | Scoop.it

So, I went back and asked why Firebase and why are you fitting Firebase in your application architecture? Here are 2 major answers

  • Real time data sync
  • Offline storage

After giving the above reasons a good thought, I have come up with the below architecture that will “emulate” Firebase using Websockets and Local Storage inside a Node.js/MongoD.

If this solution gets stable over a period of time, I may create a yeoman/slush generator to scaffold a Node.js/Express.js and a MongoDB app with real time data sync and offline storage capabilities.

For this post, I will use a simple Todo app as an example. 

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

Node.js v.s. Play Framework

Node.js v.s. Play Framework lecture by Yevgeniy(Jim) Brikman at ScalaMatsuri on 9/6/2014 http://scalamatsuri.org/en/
more...
No comment yet.
Scoop.it!

Authenticate a Node.js API with JSON Web Tokens

Authenticate a Node.js API with JSON Web Tokens | JavaScript for Line of Business Applications | Scoop.it

Authentication is one of the big parts of every application. Security is always something that is changing and evolving.

We’ll build a quick API using Node and Express and we’ll be using POSTman to test it.

The main workflow of this is that we will:

  1. Have unprotected and protected routes
  2. A user will authenticate by passing in a name and a password and get back a token
  3. The user will store this token on their client-side and send it for every request
  4. We will validate this token, and if all is good, pass back information in JSON format
more...
No comment yet.
Scoop.it!

A frontend JavaScript framework to pair with Node.js

A frontend JavaScript framework to pair with Node.js | JavaScript for Line of Business Applications | Scoop.it

Node devs tend to be minimalists, DIY’ers, Lego™ artists, if you will. We want a nice set of tools and pieces at our disposal that we can compose into whatever creation we imagine.

If you’ve bought into Node’s small module paradigm, stuff like Ember, Angular, and even jQuery can feel a bit like excessively large Duplo™ blocks.

To be clear, this doesn’t make them bad. I’m glad they exist. Clearly, they empower scores of developers to create some great things on the frontend.

Of course we think Ampersand modules are a great match for building frontends for our Node applications. But for Ampersand we use the term “framework” very loosely. As demonstrated by how people are using it, it’s really is just a loosely coupled set of tools.


In the end, the only constant in our field is change. We simply cannot, in good conscience, assert that any single toolset (even our own) is the only valid approach. It’s just not how we think development should work.

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

How I build Node.js Applications

How I build Node.js Applications | JavaScript for Line of Business Applications | Scoop.it

Today I would like to share with you how I build Node.js applications with the hope that someone else will find it useful. This article is structured in a sequence of steps that I use in my workflow and will attempt to be as detailed as possible.


My development process usually begins with a wireframe illustrating the project requirements. It is very important to plan how you will build your application before writing any code. Here is a series of steps I like to follow for each project...

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

Gotchas From Two Years With Node

Gotchas From Two Years With Node | JavaScript for Line of Business Applications | Scoop.it

We’ve been running Node in production for a little over two years now, scaling from a trickle of 30 requests per second up to thousands today. We’ve been hit with almost every kind of weird request pattern under the sun.

First there was the customer who liked to batch their data into a single dump every Friday night (getting called on a Friday night used to be a good thing). Then the user who sent us their visitor’s entire social graph with every request. And finally an early customer who hit us with a while(true) send(data) loop and caused a minor emergency.

By now, our ops team has seen the good, the bad, and the ugly of Node. Here’s what we’ve learned.

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

Real Time Trader Desktop with React, Node.js, and Socket.io

Real Time Trader Desktop with React, Node.js, and Socket.io | JavaScript for Line of Business Applications | Scoop.it

The virtual DOM is one of the key characteristics of React. When you render a component, React creates a lightweight description of the UI, diffs it with the previous version, and generates a minimal set of changes to apply to the DOM. That diffing algorithm is very fast, making React particularly well suited for apps with a lot of UI changes.

That prompted me to revisit a type of application I’ve built in the past with different languages and frameworks: a trader desktop showing real time market data updates. This new version uses React for the client-side and Socket.io to push simulated market data updates to the client.

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

Isomorphic TypeScript, fetch, promises, ava and coverage

Isomorphic TypeScript, fetch, promises, ava and coverage | JavaScript for Line of Business Applications | Scoop.it

Writing an API client in JavaScript is a lot of work, you have to write one for Node.js and one for the browser. I found out a way to have both on the same codebase with the same API, all that with only changes to the build scripts. It’s called isomorphic code, and doing it with modern TypeScript isn’t easy, but it’s achievable.

TypeScript brings lots of advantages to the JavaScript world with almost mandatory typings. But TypeScript code is transpiled, and to play well with other libraries that aren’t originally written in TypeScript needs manually written type definition and some hacks to play well with other external tools, like code coverage and test frameworks.

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

Making MEAN Apps with Google Maps (Part II)

Making MEAN Apps with Google Maps (Part II) | JavaScript for Line of Business Applications | Scoop.it

Today, we’ll be taking our work a step further by adding a new control panel that allows us to filter users based on a variety of fields. The final product will allow us to query our map based on gender, age, favorite language, proximity, and whether a user’s location has been HTML5 verified. Additionally, this tutorial will give us an opportunity to introduce some of MongoDB’s geospatial query tools.

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

Creating an Isomorphic Web Application with ReactJS and Express

In our fast-changing world, technology is rapidly taking giant leaps forward. For the people who are just beginning to take part in this new “gold rush” of web development, it is sometimes inevitable to feel a sense of desperation of not being able to keep up with the evolution. In this article, I will attempt to give a brief overview of one of the most-adored features of Facebook’s Reactframework—isomorphism(a.k.a. server side rendering).

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

Setup Webpack on an ES6 React app with SASS

Setup Webpack on an ES6 React app with SASS | JavaScript for Line of Business Applications | Scoop.it
Webpack is really a great JavaScript bundler, allowing to turn messy and numerous JavaScript into a single minified and optimized script. Yet, we missed a good getting started tutorial. Here is one...
more...
No comment yet.
Scoop.it!

Developing a MEAN app with Angular 2.0

Developing a MEAN app with Angular 2.0 | JavaScript for Line of Business Applications | Scoop.it

I know, I know it is too early to be building end to end apps with Angular 2.0.

A MEAN stack app would typically consist of a server layer built with Nodejs & Express – Express being the web framework. MongoDB for data persistence & Angular as the client side MVW framework.

First, we are going to setup an express app, build the REST API to Create, Read, Update & Delete todos and then integrate it with the Angular app.

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

Learn to Build Modern Web Apps with MEAN

Learn to Build Modern Web Apps with MEAN | JavaScript for Line of Business Applications | Scoop.it

The goal of this tutorial is to guide you through the creation of a Reddit/Hacker News clone using the MEAN stack. By completing this tutorial, you will gain a basic understanding of the MEAN stack including building a REST interface with Express.js on top of Node.js and using that interface to perform CRUD operations on a database via an AngularJS frontend.

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

The Isomorphic Express Boilerplate

The Isomorphic Express Boilerplate | JavaScript for Line of Business Applications | Scoop.it

Isomorphic means that it's designed to run a lot of the same code on both the client and the server. Typically that includes a lot of rendering and domain logic. (Not to be confused with isomorphisms from category theory / functional programming. That's a totally different thing.)

There are many advantages to building apps this way, but the primary advantages are:

  • Cross-functional teams. Since everything is written in JavaScript, it's easier to build teams who know how to work on both the client and server sides of the app.
  • Write once, run everywhere. With the exception of a few library substitutions and browser polyfills, the code is shared, which means you have to write about half the code you'd write working on a non-isomorphic app.
  • More productive developers. Since the app is more consistent across the stack, there's no context switching when you need to maintain application behavior on both sides of the stack. Write the behavior once, and you're done. Context switching slows developers down significantly.
more...
No comment yet.
Scoop.it!

Working with Ember Data, Node, Express and MongoDB

Working with Ember Data, Node, Express and MongoDB | JavaScript for Line of Business Applications | Scoop.it
A simple tutorial for working with Ember Data, Node, Express and MongoDB to build an api.

I have really been enjoying working with EmberJS lately, once you get over the learning curve and understand how things should relate, it becomes really fast and fun!

Lets take a look at how we can use Ember Data with Node (or io.js),Express and MongoDB. For this example lets use the Ember CLI to start an Ember application fast!

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

core-js - ES6 polyfill library

core-js - ES6 polyfill library | JavaScript for Line of Business Applications | Scoop.it

Modular compact standard library for JavaScript. Includes polyfills for ECMAScript 5ECMAScript 6symbolscollectionsiteratorspromisesECMAScript 7 proposalssetImmediatearray generics. Some additional features such as dictionariesextended partial applicationconsole capdate formatting. You can require only standardized features polyfills, use features without global namespace pollution or create a custom build.

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

5 steps to making a Node.js frontend app 10x faster

A step by step guide on how we made our main Dashboard app 10x faster.

Since node.js is perfectly suited to running multiple asynchronous functions in parallel, and since a lot of these internal API requests didn’t depend on each other, it made sense to parallelize them — fire off all the requests at once and then continue once they’ve all completed. We achieved this with the aid of the (incredibly useful) async module

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

Building a Real Time Application with Express, SocketIO and Ember.

Building a Real Time Application with Express, SocketIO and Ember. | JavaScript for Line of Business Applications | Scoop.it

There are a lot of new fancy web applications out there that are using real-time functionality. You can see examples of this used to great effect in Google Docs' multi-user editing, and the way all the social media sites update you of whats happening in real time.

All of these applications are a far-cry from the old "request-response" pages of the early 90s, in fact the only way to achieve realtime web communication back then was to use Java Applets, and I believe you could use Flash for it too.

Luckily I'm not 8 years old in 2015, and today we have Web Sockets that allow us to maintian persistent connections between client and server!

more...
No comment yet.