JavaScript for Line of Business Applications

80 million monthly visitors, loads up to 10,000 requests per second, and 15 million items, adding more than one million new items each month is what Walmart.com’s scale is all about. With an e-commerce business that holds the number two online retailer spot in the U.S., we needed not just to scale Walmart.com, but to really leverage the talent and creativity of our engineering base.

In this blog I will show you how to pick up an existing codebase example and curtail it into your own, beautiful MobX Example App built using React, MobX and the Cosmic JS API to create and remove…

React’s rendering method enables users to work with a virtual DOM. This type of DOM rendering can cause issues when it comes to accessing the browser DOM and utilizing new props in specific ways. So…

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.

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:

This post covers general clean coding guidelines for naming and using variables & functions, as well as some JavaScript specific clean coding best practices

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.

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.

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

Why Ember.js?

• Convention over configuration. It reduces the configuration related codes like anything.
• Much better data change observing mechanism than angular.js like frameworks.
• A priority based run loop, who decides which task to run first.
• Built in architecture (with ember cli) has its own advantages. Easier to shuffle developers across teams.
• ES6 syntaxes. Modern technology.
• Huge community. Ember even has npm like emberobserver.

From real-world ReactJS usage and scaling our app at Threat Stack, we’ve learned that consistent patterns, data structures, and appropriate tools will help you build your larger system. And we avoided magic because it doesn’t scale!

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.

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.

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.

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!