ThisAndThat
5.3K views | +2 today
ThisAndThat
Things I find interesting
Curated by bfeld
Your new post is loading...
Your new post is loading...
Rescooped by bfeld from JavaScript for Line of Business Applications
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. | ThisAndThat | 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.

Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Rollup: How we use React.js and npm to share UI code at AdRoll

Rollup: How we use React.js and npm to share UI code at AdRoll | ThisAndThat | Scoop.it

This is the second in a series of three blog posts about Rollup, AdRoll's UI component library. This post covers how we build individual components and the developer tools supporting them.

All the shared UI components we use at AdRoll live in a private GitHub repository called Rollup. In the repo, each component has its own directory whose name matches the component’s npm package name. All components, and by extension Rollup npm package names, are prefixed with ar- for AdRoll.


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight

React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight | ThisAndThat | Scoop.it
Take a look at competing DOM manipulation libraries and find out which one is faster with a performance benchmark!

In this post we will explore three technologies to build dynamic DOMs. We will also run benchmarks and find out which one is faster. At the end we will share with you why we choose one of them for our projects. Read on!


Via Jan Hesse
more...
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Plug and Play All Your Observable Streams With Cycle.js

Plug and Play All Your Observable Streams With Cycle.js | ThisAndThat | Scoop.it

Cycle.js is an extension of the RxJS library more than a framework (though it will probably fall into that category). RxJS is the JavaScript version ofReactiveX, an API for asynchronous programming with observable streams. While RxJS solves the part of composing asynchronous and event-based programs by using observable sequences, Cycle.js does a unique thing by looping data flow between your application and the outside world. We will go into the details how this works later, but this makes explicit data-flow graphs possible; i.e., reasoning of dependencies between operations. Neither Angular nor React (nor any other that I am aware of) does this. This unique feature of Cycle.js has the benefit of making it far more easy to read and understand large code bases.Cycle.js is an extension of the RxJS library more than a framework (though it will probably fall into that category). RxJS is the JavaScript version ofReactiveX, an API for asynchronous programming with observable streams. While RxJS solves the part of composing asynchronous and event-based programs by using observable sequences, Cycle.js does a unique thing by looping data flow between your application and the outside world. We will go into the details how this works later, but this makes explicit data-flow graphs possible; i.e., reasoning of dependencies between operations. Neither Angular nor React (nor any other that I am aware of) does this. This unique feature of Cycle.js has the benefit of making it far more easy to read and understand large code bases.


Via Jan Hesse
more...
Hieu Vu's curator insight, November 8, 2015 6:14 PM

Has anyone used Cycle.js? would be interested to see what this has been used in.

Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Design Patterns for Mobile Faceted Search: Part I

Design Patterns for Mobile Faceted Search: Part I | ThisAndThat | Scoop.it

On the Web, Amazon’s search supports progressive, faceted search refinement and exploration as one of its primary goals for the search process. As Peter Morville said in his brilliant book, Search Patterns, “Faceted navigation … helps us learn. Search becomes an iterative, interactive experience where what we find changes what we seek.” For example, on the Web, a customer who starts with the keyword query Nike can narrow down the search results by category (Shoes), additional keywords (Nike Air), product type (Cross Training), and size (12).


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

The unofficial Meteor FAQ

The unofficial Meteor FAQ | ThisAndThat | Scoop.it

Just answering some common questions that aren’t answered on the meteor site.

 

Contents:

Customizing MeteorReactivity and RenderingAnimationSubscriptions and MethodsDeploymentBest practicesTroubleshooting errors
Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Single page applications, Angular.js and accessibility

Single page applications, Angular.js and accessibility | ThisAndThat | Scoop.it
This in-depth tutorial outlines some best practices and accessibility challenges common to SPAs (and specifically Angular apps).

 

Before we get started, you need to know… this tutorial isn’t designed to be “everything you’ll ever need to know about making Angular.js apps accessible.” This is a walk-through of some fairly common accessibility challenges to watch out for when building SPAs, and how you can address them when using Angular.js.

Here’s what we’re looking at:

Document structure, navigation and keyboard accessibilityFocus managementVisually hidden textARIA liveAngular’s ngAria and ARIA in general
Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

How to Self Detect a Memory Leak in Node

How to Self Detect a Memory Leak in Node | ThisAndThat | 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.


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from Scala & Cloud Playing
Scoop.it!

From Push Technology to the Real-Time Web

The history of the Real-Time Web from push technology, to Comet, to WebSockets and how Lightstreamer has driven this evolution since the very early stage. Agen…

Via Wonil Lee Ph.D.
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Gentle Introduction to the React Flux Architecture - Learn React

Gentle Introduction to the React Flux Architecture - Learn React | ThisAndThat | Scoop.it

The absolute best JavaScript tutorials videos on the Internet. Start learning AngularJS and ReactJS Today!

React is the "V" in your MVC, but with the Flux Application Architecture you can add the "M & C" to easily wire up components into a working application.

To get you started, we've published a series. We'll start with 5 (free) lessons as an introduction, and then move into building a real-world React Flux example application.


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from Office Environments Of The Future
Scoop.it!

10 Ways to Boost Your Productivity at the Office

10 Ways to Boost Your Productivity at the Office | ThisAndThat | Scoop.it
Planning and organization boost your productivity and focus while you are at the office. Here are 10 easy tips for getting the most out of your workday.

Via Color-Art
more...
No comment yet.
Rescooped by bfeld from Scala & Cloud Playing
Scoop.it!

How to Centralize Logs from Docker Containers -

How to Centralize Logs from Docker Containers - | ThisAndThat | Scoop.it
Loggly now supports logging from Docker. I will go over the ways to log from Docker and give an example of how to send syslog from an application like Nginx

Via Wonil Lee Ph.D.
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Don’t Do, React! Understanding Meteor Reactive Programming

Don’t Do, React! Understanding Meteor Reactive Programming | ThisAndThat | Scoop.it

In this blog post, I provide an in-depth explanation of reactive programming. I talk about the technical details of how reactivity is implemented in the Meteor framework. I also explain how you can take advantage of reactivity by using the Session object and reactive variables. Finally, I provide you with advice on getting the best performance when using reactivity.


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

A quick introduction to explore how components can be created in several frameworks.

A quick introduction to explore how components can be created in several frameworks. | ThisAndThat | Scoop.it

In this project I want to compare the usage and development of components in several frameworks. To test these frameworks I'll create multiple components from simple to complex to show the differences between these frameworks. I currently plan to look into the following frameworks:

Angular 1Angular 2EmberCycle.jsReact with Redux
Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Plug and Play All Your Observable Streams With Cycle.js

Plug and Play All Your Observable Streams With Cycle.js | ThisAndThat | Scoop.it

Cycle.js is an extension of the RxJS library more than a framework (though it will probably fall into that category). RxJS is the JavaScript version ofReactiveX, an API for asynchronous programming with observable streams. While RxJS solves the part of composing asynchronous and event-based programs by using observable sequences, Cycle.js does a unique thing by looping data flow between your application and the outside world. We will go into the details how this works later, but this makes explicit data-flow graphs possible; i.e., reasoning of dependencies between operations. Neither Angular nor React (nor any other that I am aware of) does this. This unique feature of Cycle.js has the benefit of making it far more easy to read and understand large code bases.Cycle.js is an extension of the RxJS library more than a framework (though it will probably fall into that category). RxJS is the JavaScript version ofReactiveX, an API for asynchronous programming with observable streams. While RxJS solves the part of composing asynchronous and event-based programs by using observable sequences, Cycle.js does a unique thing by looping data flow between your application and the outside world. We will go into the details how this works later, but this makes explicit data-flow graphs possible; i.e., reasoning of dependencies between operations. Neither Angular nor React (nor any other that I am aware of) does this. This unique feature of Cycle.js has the benefit of making it far more easy to read and understand large code bases.


Via Jan Hesse
more...
Hieu Vu's curator insight, November 8, 2015 6:14 PM

Has anyone used Cycle.js? would be interested to see what this has been used in.

Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Design Patterns for Mobile Faceted Search: Part I

Design Patterns for Mobile Faceted Search: Part I | ThisAndThat | Scoop.it

On the Web, Amazon’s search supports progressive, faceted search refinement and exploration as one of its primary goals for the search process. As Peter Morville said in his brilliant book, Search Patterns, “Faceted navigation … helps us learn. Search becomes an iterative, interactive experience where what we find changes what we seek.” For example, on the Web, a customer who starts with the keyword query Nike can narrow down the search results by category (Shoes), additional keywords (Nike Air), product type (Cross Training), and size (12).


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from javascript node.js
Scoop.it!

MEAN web development #8: Sockets will rock your socks! - CodeProject

MEAN web development #8: Sockets will rock your socks! - CodeProject | ThisAndThat | Scoop.it

The eighth in a series on MEAN web development.The post MEAN web development #8: Sockets will rock your socks!


Via Mikael Bourges-Sevenier
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

How to make an idiomatic Javascript library with Scala.js

How to make an idiomatic Javascript library with Scala.js | ThisAndThat | Scoop.it

Scala.js opens a big world of frontend development to Scala fans. Most of the time Scala.js project ends up being an independent browser or Node.js application. But there are cases, where you would want to make a library for general frontend developers.

There’re some interesting gotchas in writing Scala.js library such way, that it will be natural to use for an average JS developer. In this article we will develop a simple Scala.js library (code) to work with Github API and will focus on the idiomaticity of it’s JS API.


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

The React.js Way: Getting Started Tutorial

The React.js Way: Getting Started Tutorial | ThisAndThat | Scoop.it
This tutorial helps to jump in React.js with ES6 for newcomers and cover the basics like: components, virtual DOM, JSX, testing, Webpack and Babel....

In this three-part blog series React.js tutorial I am going to explain these concepts and give a recommendation on what to use and how. We will cover ideas and technologies like:

ES6 Reactvirtual DOMComponent-driven developmentImmutabilityTop-down renderingRendering path and optimizationCommon tools/libs for bundling, ES6, request making, debugging, routing, etc.Isomorphic React
Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Why you should be using Web Components. And How.

Why you should be using Web Components. And How. | ThisAndThat | Scoop.it

What we'll cover

What are Web Components?State of native supportComponentised Web Apps nowWhy Web Components are the future!♥ Eric Bidelman's Google IO 2014 talk ♥
Via Jan Hesse
more...
Edgar J. De Cleene's comment, March 26, 2015 7:35 AM
Awesome. Thanks for share this
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

AngularJS - Best Practices

AngularJS - Best Practices | ThisAndThat | Scoop.it

This is the eleventh in a series of posts on AngularJS where we are using Chemistry data from the periodic table to help us understand the framework. 

This blog series on AngularJS has been going on for a while, since October 2013 to be exact. In that time, AngularJS has changed and best practices have emerged. I thought it would be worth taking a look at the current state of best practices and refactoring some of the code we have been working on to reflect that.

Contents:

AngularJS - Introduction
AngularJS - Introducing AngularJS Controllers
AngularJS - Introducing NG-Repeat
AngularJS - More with NG-Repeat
AngularJS - Image Binding
AngularJS - Introducing Templates
AngularJS - Introducing Routing
AngularJS - Introduction to Services
AngularJS - Introduction to Directives
AngularJS - Further with Directives
AngularJS - Best Practices


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Make Code Reusable with AngularJS Services

Make Code Reusable with AngularJS Services | ThisAndThat | Scoop.it

While AngularJS certainly is an opinionated framework, it also gives developers a lot of freedom when it comes to application architecture. In many cases this can be a positive thing, but it can also lead to applications getting built in ways that aren’t the most maintainable.

Services in Angular give us a way to abstract certain parts of our application logic out into reusable objects or functions. They can be injected as dependencies across all parts of the application, including controllers, directives, filters, and even other services. Creating and using services effectively requires that they be generalized enough to be easily reused in many different areas of the app.


Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from Scala & Cloud Playing
Scoop.it!

Using Containers to Build a Microservices Architecture

Using Containers to Build a Microservices Architecture - AWS Startup Collection - Medium
We’ll explore how many of the characteristics of containers make them an excellent choice for building a microservices-b…

Via Wonil Lee Ph.D.
more...
No comment yet.
Rescooped by bfeld from JavaScript for Line of Business Applications
Scoop.it!

Let’s Write Fast JavaScript

Let's Write Fast JavaScript - The JavaScript Collection - Medium
A few interesting JavaScript benchmarks and tips

Via Jan Hesse
more...
No comment yet.
Rescooped by bfeld from nodeJS and Web APIs
Scoop.it!

Node.js Best Practices - Part 2

Node.js Best Practices - Part 2 | ThisAndThat | Scoop.it
The next chapter of node.js best practices, featuring pre-commit checks, JavaScript code style checker and configuration best practices...

Via Srdjan Strbanovic
more...
No comment yet.