JavaScript for Line of Business Applications
544.7K views | +13 today
Follow
 
Scoop.it!

What A Select $watch() Teaches Me About ngModel And AngularJS

What A Select $watch() Teaches Me About ngModel And AngularJS | JavaScript for Line of Business Applications | Scoop.it
Ben Nadel looks at creating a data-silo for ngModel bindings and how the layer of indirection has a longer-term payoff.

The two-way data-binding in AngularJS is very powerful, especially when there is a direct mapping of input-data to view-model-data. But, when the data mapping requires some translation, interpretation, or validation, you need to get your hands a little dirty - you need to get more involved in how data changes are propagated within your Controller(s).

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

Angular Forms in Depth

Angular Forms in Depth | JavaScript for Line of Business Applications | Scoop.it
Victor Savkin is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and built the dependency injection, change detection…
more...
No comment yet.
Scoop.it!

Front-end Developer Handbook 2017

Front-end Developer Handbook 2017 | JavaScript for Line of Business Applications | Scoop.it

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017.

It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.

The content of the handbook favors web technologies (HTML, CSS, DOM, and JavaScript) and those solutions that are directly built on top of these open technologies. The materials referenced and discussed in the book are either best in class or the current offering to a problem.

The book should not be considered a comprehensive outline of all resources available to a front-end developer. The value of the book is tied up in a terse, focused, and timely curation of just enough categorical information so as not to overwhelm anyone on any one particular subject matter.

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

Making your Angular apps fast

Making your Angular apps fast | JavaScript for Line of Business Applications | Scoop.it

Angular claims to be very fast by default. What does “fast” really mean? Of course, this always depends on the context. What does our application do? How many different things is it doing at a certain point? How is our application’s component tree structured and how many bindings does it introduce? This and other questions come into play when trying to figure out, how we can make our applications faster.

A couple of weeks ago we were discussing a demo application in which we compared the default performance and what we can do to make it faster. In this article we’d like to take this demo and show some tips and tricks to make it blazingly fast. One or the other trick might help speeding up your application as well.

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

A deep dive on Angular decorators

Decorators are a core concept when developing with Angular 2 and above. There’s also an official TC39 proposal, currently at Stage-2, so expect decorators to become a core language feature soon in JavaScript as well.

Back to Angular, the internal codebase uses decorators extensively and in this post we’re going to look at the different types of decorators, the code they compile to and how they work.

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

Redux: Structure your frontend applications

Redux: Structure your frontend applications | JavaScript for Line of Business Applications | Scoop.it

avascript ecosystem is really rich: full of developers but also full of frameworks and libraries.

When you want to develop a frontend application, whatever its rendering framework, you will have to structure things into your project in order to organize the data management with views. This case occurs particularly when you use component rendering frameworks like React or VueJS.

Historically, this has been needed by React so that’s why Facebook has open sourced its tool named Flux.

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

A complete guide to Ember - Ember.js Tutorial

A complete guide to Ember - Ember.js Tutorial | JavaScript for Line of Business Applications | Scoop.it

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

Immutable libraries and TypeScript

Immutable libraries and TypeScript | JavaScript for Line of Business Applications | Scoop.it
I have been researching immutable libraries, and found many of them on redux-ecosystem-links. Following are the problems I found with them: To address above issues, I have made another library…
more...
Scoop.it!

Real-World ReactJS and Redux, Part 1

Real-World ReactJS and Redux, Part 1 | JavaScript for Line of Business Applications | Scoop.it
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!
Jan Hesse's insight:

Part 1: http://blog.threatstack.com/real-world-reactjs-and-redux-part-1

Part 2: http://blog.threatstack.com/real-world-reactjs-and-redux-part-2

Part 3: http://blog.threatstack.com/real-world-reactjs-and-redux-part-3

more...
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!

An Introduction to Life Cycle Events in React

An Introduction to Life Cycle Events in React | JavaScript for Line of Business Applications | Scoop.it

There are many different life cycle methods, but in this post we’re going to explore the ones that are used most often (which will cover ~90% of use cases).

You can really break React’s Life Cycle Methods down into two categories.

  1. When a component get mounted to the DOM and unmounted.
  2. When a component receives new data.
more...
No comment yet.
Scoop.it!

Intro to Vue.js: Rendering, Directives, and Events

Intro to Vue.js: Rendering, Directives, and Events | JavaScript for Line of Business Applications | Scoop.it
If I was going to sum up my experiences with Vue in a sentence, I’d probably say something like "it's just so reasonable" or "It gives me the tools I want when I want them, and never gets in my way". Again and again when learning Vue, I smiled to myself. It just made sense, elegantly. This is my own introductory take on Vue. It's the article I wish I had when I was first learning Vue. If you'd like a more non-partisan approach, please visit Vue's very well thought out and easy to follow Guide.
more...
No comment yet.
Scoop.it!

An Introduction to Observables for Angular Developers

An Introduction to Observables for Angular Developers | JavaScript for Line of Business Applications | Scoop.it
Jen Looper explains what observables are, why they are necessary for asynchronous communication and how to use them in an Angular 2 application with RxJS.
more...
No comment yet.
Scoop.it!

React’s Five Fingers of Death. Master these five concepts, then master React.

React’s Five Fingers of Death. Master these five concepts, then master React. | JavaScript for Line of Business Applications | Scoop.it

Now don’t get me wrong, this doesn’t mean I can turn you into a React master instantly. But at least you’ll understand all the major concepts, if you do decide to jump in.

The five key concepts are:

  1. Components
  2. JSX
  3. Props & State
  4. The Component API
  5. Component Types
more...
No comment yet.
Scoop.it!

Introducing Electrode, an open source application platform powering Walmart.com

Introducing Electrode, an open source application platform powering Walmart.com | JavaScript for Line of Business Applications | Scoop.it

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.

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

Build a MobX Example App in 4 Steps

Build a MobX Example App in 4 Steps | JavaScript for Line of Business Applications | Scoop.it
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…
more...
No comment yet.
Scoop.it!

React’s Component Lifecycles – MoFed

React’s Component Lifecycles – MoFed | JavaScript for Line of Business Applications | Scoop.it
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…
more...
Scoop.it!

Getting Started with Node, Express and Postgres Using Sequelize

Getting Started with Node, Express and Postgres Using Sequelize | JavaScript for Line of Business Applications | Scoop.it

We're going to be using PostgreSQL and Sequelize as the ORM of choice to write a minimalistic Todo list application.

By the end of this tutorial, we will have created an API for a todo list application that will enable us to create multiple todos, add list items to those todos, update the list items and delete them. By working through an application in which we implement functionality to add things, update and delete them from a database, this tutorial will serve as an introduction to writing more advanced CRUD applications.

more...
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.