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

Reactivity in Frontend JavaScript Frameworks

Reactivity in Frontend JavaScript Frameworks | JavaScript for Line of Business Applications | Scoop.it
With today’s modern JavaScript frameworks, we are used to the fact that when the application state changes, the DOM is updated automatically. But how do the frameworks detect state changes, and how do they efficiently propagate the changes through the system? Evan answers these questions based on his experience building Vue.js.
more...
Yu PANG's curator insight, December 27, 2016 6:58 AM
Share your insight
Scoop.it!

Will WebSocket survive HTTP/2?

HTTP/2 is poised to eliminate much of the waste that developers deal with. Multiplexed connections will eliminate the need to bundle JavaScript libraries together. But is HTTP/2 a panacea to all our problems? What about WebSocket? Allan Denis tells us what HTTP/2 is good at and debunks some myths about what it can do.
more...
No comment yet.
Scoop.it!

Recycle — Truly Functional and Reactive way of writing React apps

Recycle — Truly Functional and Reactive way of writing React apps | JavaScript for Line of Business Applications | Scoop.it

One of the most popular FRP JavaScript framework today is — Cycle.js.

Although, Recycle uses React, its actually inspired with Cycle.js. Recycle initial version had nothing to do with React and was made as an “opinionated version of Cycle.js”.

But, as it turns out, defining components composed of a view, actions and functions responsible for modifying state is a model that can be described without the use of the main function, drivers or complex stream manipulations.

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

Totally Tooling Tips with Addy Osmani & Matt Gaunt - YouTube

Totally Tooling Tips with Addy Osmani & Matt Gaunt - YouTube | JavaScript for Line of Business Applications | Scoop.it

In 'Totally Tooling Tips' web developers Matt and Addy discuss the latest topics, issues and work arounds for building apps and libraries to help mop up your Totally Tooling Tears.

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

JavaScript Promises for Dummies

JavaScript Promises for Dummies | JavaScript for Line of Business Applications | Scoop.it

Javascript Promises are not difficult. However, lots of people find it a little bit hard to understand at the beginning. Therefore, I would like to write down the way I understand promise, in a dummy way.

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

Angular 2 and Observables: Data Sharing in a Multi-View Application

Angular 2 and Observables: Data Sharing in a Multi-View Application | JavaScript for Line of Business Applications | Scoop.it
Learn the benefits Observables can provide when you are developing complex web applications.

While a Promise represents a value to be resolved in future, an Observable represents a stream of values throughout. An Observable may be completed, which means it won’t emit any further values. An Observer subscribes to these Observables. These Observers are essentially callbacks to emissions of the Observable. This paradigm supports asynchronous operations naturally. In our application, the Angular 2 components have functions which act as Observers, while the data-sharing service can act as an Observable.

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

Angular 2 Form Validation

Angular 2 Form Validation | JavaScript for Line of Business Applications | Scoop.it

In this tutorial we are going to look at what’s changed with forms and more importantly how to handle form validation the right way with Angular 2.

Angular 2.x aims to make the creation and validation of forms simple, intuitive, and manageable.

 

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

Multifactor Authentication in your React Apps

Multifactor Authentication in your React Apps | JavaScript for Line of Business Applications | Scoop.it

Security can't be overemphasized when it comes to developing software applications. A single authentication factor system (e.g username and password) is no longer safe enough. If credentials are stolen, a user can be impersonated. Implementing a multi-factor authentication system increases security by requiring the user to provide an additional sets of credentials before they are granted access.

Implementing multi-factor authentication can be time-consuming, challenging, and often difficult to get right. However, in this post I'll show you how to quickly implement multi-factor authentication in your React applications in just a few minutes without breaking a sweat!

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

Next.js - A minimalistic framework for universal server-rendered React applications

Next.js - A minimalistic framework for universal server-rendered React applications | JavaScript for Line of Business Applications | Scoop.it

We're very proud to open-source Next.js, a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel, which powers this very site!

more...
Yu PANG's curator insight, November 21, 2016 9:20 AM
Next.js - A minimalistic framework for universal server-rendered React applications
Scoop.it!

Angular 2 vs React: The Ultimate Dance Off

Angular 2 vs React: The Ultimate Dance Off | JavaScript for Line of Business Applications | Scoop.it
Most people who follow me know that I personally favor React, but of course I like my decisions to be educated, not based on uninformed…
more...
No comment yet.
Scoop.it!

A Guide For Building A React Redux CRUD App

A Guide For Building A React Redux CRUD App | JavaScript for Line of Business Applications | Scoop.it
Building a single-page CRUD app using React and Redux can be challenging because you’ll have to deal w/ new techniques and terms like…
more...
No comment yet.
Scoop.it!

MobX - Simple, scalable state management

MobX - Simple, scalable state management | JavaScript for Line of Business Applications | Scoop.it

MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP). The philosophy behind MobX is very simple:

Anything that can be derived from the application state, should be derived. Automatically.

which includes the UI, data serialization, server communication, etc.

MobX is inspired by reactive programming principles as found in spreadsheets. It is inspired by MVVM frameworks like in MeteorJS tracker, knockout and Vue.js. But MobX brings Transparent Functional Reactive Programming to the next level and provides a stand alone implementation. It implements TFRP in a glitch-free, synchronous, predictable and efficient manner.

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

3 simple steps to improve your React Redux code

3 simple steps to improve your React Redux code | JavaScript for Line of Business Applications | Scoop.it
Learn how to improve your React Redux code and ensure its scalability and maintainability in the long run through 3 simple steps.

I’ll share a few insights on how I transformed my Frankenstein into a clean and Redux-compliant codebase, while still being able to deliver new features.

The insights from this article might also be useful for seasoned developers, who want some tips on how to achieve a better-organized and scalable code.

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

Server-Side Rendering in Angular 2 with Angular Universal

Server-Side Rendering in Angular 2 with Angular Universal | JavaScript for Line of Business Applications | Scoop.it

The conventional server rendering solution has saved us for years with Angular 1 by provisioning web crawlers with our actual content. That seemed to keep us happy but we were missing one thing -- state.

The Universal idea is to build an app that does not just render to server but also runs on the server. Running in the sense that our state, content and styles are intact on the client and the server as well. In Angular 2, this is achieved with the help of Angular Universal which loads our app on the server first, and then drops it to the browser once ready.

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

Building Tesla's battery range calculator with Angular 2 reactive forms

In this epic tutorial, we’re going to build some advanced Angular 2 components that rebuild Tesla’s battery range calculator and then compile it to AoT and deploy on GitHub pages. We’ll be using the reactive forms API as well and building custom form controls and use some stateful and stateless component practices, as well as change detection strategies.

This is the final project gif of what we’re about to build:

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

JavaScript Clean Coding Best Practices - Node.js at Scale

JavaScript Clean Coding Best Practices - Node.js at Scale | JavaScript for Line of Business Applications | Scoop.it
This post covers general clean coding guidelines for naming and using variables & functions, as well as some JavaScript specific clean coding best practices
more...
No comment yet.
Scoop.it!

TypeScript Deep Dive

TypeScript Deep Dive | JavaScript for Line of Business Applications | Scoop.it

I've been looking at the issues that turn up commonly when people start using TypeScript. This is based on the lessons from StackOverflow / DefinitelyTyped and general engagement with the TypeScript community.

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

Tips for using async functions (ES2017)

Tips for using async functions (ES2017) | JavaScript for Line of Business Applications | Scoop.it

The foundation of async functions is Promises. That’s why understanding the latter is crucial for understanding the former. Especially when connecting old code that isn’t based on Promises with async functions, you often have no choice but to use Promises directly.

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

Angular 2 best practices: Change detector performance

Angular 2 best practices: Change detector performance | JavaScript for Line of Business Applications | Scoop.it
Follow these Angular 2 best practices to eliminate needless change detection, making your web app faster and cleaner.

In order to guarantee that the DOM always shows the very latest available data, Angular monkey-patches every entry point to running Javascript with a Zone. So any time Javascript finishes executing—meaning an AJAX request completes, a click event handler runs, or a Promise is fulfilled—Angular 2 checks whether any changes have occurred that would affect the DOM.

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

Building Angular 2 Components on the Fly: Dialog Boxes

Building Angular 2 Components on the Fly: Dialog Boxes | JavaScript for Line of Business Applications | Scoop.it
There's no recipe for building dynamic Angular 2 components on the fly, but that doesn't mean it can't be done. Here's our solution.

A dialog box is a good example of an Angular 2 component you may want to build on the fly. If your application has a fair number of them, and you feel put out at the thought of writing one large ngSwitch, then building them dynamically is a good alternative.

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

How to build the SPA for enterprise application using Angular2 and ASP.Net WebApi

How to build the SPA for enterprise application using Angular2 and ASP.Net WebApi | JavaScript for Line of Business Applications | Scoop.it

Some highlight technologies:

  • Angular2 (typescript)
  • WebApi (RESTful)
  • Entity Framework
  • Bootstrap
  • IoC
  • Multi-Layer architecture
  • Modular your Application
  • Multi Languages
  • Design Pattern (Unit Of Work, Repository, …)
  • SOLID principle
  • Gulp
  • NodeJs
more...
No comment yet.
Scoop.it!

A clear convention for a CRUD with standard Ember + Ember Data

Ember's official documentation describes a number of low-level APIs, but doesn't talk much about how to put them together. As a result, a simple task such as creating a simple CRUD application is not obvious to a newcomer.

To help solving this problem, I decided to figure out and document a clear convention for simple CRUD apps, using Ember and Ember Data with no third-party add-ons.

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

Reactive Framework - Build Asynchronous AJAX-Enabled Web Pages with Reactive Extensions

Reactive Framework - Build Asynchronous AJAX-Enabled Web Pages with Reactive Extensions | JavaScript for Line of Business Applications | Scoop.it

Rx provides a standard way to abstract a variety of scenarios and manipulate them using a fluent, LINQ-like interface that lets you compose applications from simpler building blocks. Rx lets you both integrate your UI events with back-end processing while, at the same time, keeping them separate—with Rx you can rewrite your UI without having to make corresponding changes to your back end (and vice versa).

RxJS also supports a clean separation between your HTML and your code, effectively giving you data binding without requiring special HTML markup. RxJS also builds on existing client-side technologies (jQuery, for example).

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

Resilient network services with mobile Xamarin apps

Resilient network services with mobile Xamarin apps | JavaScript for Line of Business Applications | Scoop.it

For most of our computing history, our machines and our applications sat on a desk and never moved. We could count on a constant supply of power, resources, and network access. Developers didn't spend a lot of time planning for interruptions or failures with those resources. It was even common to have applications that worked completely locally, where we never had to think about the network.

Our goals for our apps should include, but not be limited to, the following:

  • Easy access to restful services
  • Fast response for our users
  • Work offline
  • Handle errors

Secondary goals include:

  • Fast development time
  • Easy maintenence
  • Reuse existing libraries

Let's address those goals one at a time, and see how we can improve the state of our networked app. As usual, I'll be using a conference app based on TekConf.

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

Writing a JavaScript Framework - Project Structuring

This post is a tutorial for writing a next-gen JavaScript Framework & solving problems regarding extendibility, dependency injection and private variables.

 

In this chapter, I am going to explain how NX is structured, and how I solved its use case specific difficulties regarding extendibility, dependency injection and private variables.

The series includes the following chapters.

  1. Project structuring (current chapter)
  2. Execution timing
  3. Sandboxed code evaluation
  4. Data binding (part 1)
  5. Data binding (part 2)
  6. Custom elements
  7. Client side routing
more...
No comment yet.