All things JS and Dev
260 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Rescooped by bit by bit from ON QUANTIFIEDSELF, MHEALTH & CONTECTED DEVICES....
Scoop.it!

High-Tech Devices Help Patients Manage Diabetes, High Blood Pressure hi @ihealthlab :-) #hcsm #hcsmeu

High-Tech Devices Help Patients Manage Diabetes, High Blood Pressure hi @ihealthlab :-) #hcsm #hcsmeu | All things JS and Dev | Scoop.it
Software companies are rolling out nifty high-tech health devices that sync with smartphones, helping people to manage their health conditions and share their information with doctors and caregivers.

Via IHEALTHLABS EUROPE
more...
No comment yet.
Rescooped by bit by bit from JavaScript for Line of Business Applications
Scoop.it!

The Ins and Outs of Token Based Authentication

The Ins and Outs of Token Based Authentication | All things JS and Dev | Scoop.it

Token based authentication is prominent everywhere on the web nowadays. With most every web company using an API, tokens are the best way to handle authentication for multiple users.

The traditional way of having our applications remember who we are is to store the user logged in information on the server. This can be done in a few different ways on the session, usually in memory or stored on the disk.


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

alt - A flux implementation that is small, tested, terse, and meant to be used with ES6

alt - A flux implementation that is small, tested, terse, and meant to be used with ES6 | All things JS and Dev | Scoop.it
Pure FluxNo constantsNo static string checkingNo giant switch statementSave state snapshotsRollbacksBootstrap components on app loadIsomorphicLight-weight and terseES6 Syntax, code your actions and stores with classesImmutable storesSingle dispatcherGlobal listening for debuggingSmall library ~3.9kb gzipped and less than 300 LOC

 


Via Jan Hesse
bit by bit's insight:

Simplified and Better implementation of Flux Architecture !!

 

more...
No comment yet.
Rescooped by bit by bit from JavaScript for Line of Business Applications
Scoop.it!

Videos: Backbone Conf III - 2014 by Bocoup

Videos: Backbone Conf III - 2014 by Bocoup | All things JS and Dev | Scoop.it

Jeremy Ashkenas - Keynote
ANGESEHEN Matt Dennewitz - Backbone at Pitchfork
Brenda Jin - Jasmine Testing for Backbone js Models and Views
John K Paul - Ember Components Make My Heart Sing
Gregor Martynus - Building Offline First Applications with Backbone
Ryan Muller - Go with the Flow Backbone and Streams
ANGESEHEN James Smith - Marionette The Backbone Framework
Rachel Baker - The WordPress JSON REST API
Tim Griesser - Data Based JavaScript
ANGESEHEN Henrik Joreteg - Ampersand.js
Clement Wehrung - A Visit to the World of Responsive Real time
Daan Mortier - The Backbone Tango Dancing with Geographical
Shirley Wu - Marrying Backbone js and D3 js
Andrew Rota - Web Components and Backbone
Kris Walker - Backbone in XBox and Windows Apps
Sam Breed - React and Backbone, Sittin’ in a Tree
Jason Laster - Backbone under the Magnifying Glass Tools for Exploring and Debugging Your Apps
Greg MacWilliam - Teaching Backbone and other cool technologies


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

Git Workflows for Pros: A Good Git Guide

Git Workflows for Pros: A Good Git Guide | All things JS and Dev | Scoop.it

Git can support your project not just with version control, but also with collaboration and release management. Understanding how workflow patterns can help or hinder a project will give you the knowledge to evaluate and adapt your project’s Git processes effectively.

Throughout this article I will isolate patterns found in common workflows. Knowledge of these will help you find a direction when joining, creating or growing a development team. The pros and cons for certain types of projects or teams will be highlighted within the themes we explore, so that you can pick and choose what might work well for your scenario.


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

Material UI: Google's material design UI components built with React.

Material UI: Google's material design UI components built with React. | All things JS and Dev | Scoop.it

A CSS Framework and a Set of React Components that Implement Google's Material Design

* Buttons

* Dialog
* Dropdown Menu
* Icons
* Inputs
* Menus
* Left Nav
* Paper
* Switches
* Toolbars


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

Javascript Engineering Best Practices

Javascript Engineering Best Practices | All things JS and Dev | Scoop.it

Writing performant code is absolutely critical. Poorly written JavaScript can significantly slow down and even crash the browser. On mobile devices, it can prematurely drain batteries and contribute to data overages. Performance at the browser level is a major part of user experience which is part of the 10up mission statement.


Contents:

* Performance
* Design Patterns
* Code Style & Documentation
* Unit and Integration Testing
* Libraries



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

Scaling the Single Page Application with React.js and Flux

Scaling the Single Page Application with React.js and Flux | All things JS and Dev | Scoop.it
We just rewrote our dashboard using Facebook’s React.js framework and the Flux application architecture. Here are some things we learned along the way.

Via Jan Hesse
more...
Catalin Banu's curator insight, November 24, 2015 4:15 AM

#reactjs nice experience sharing

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

How to use Facebook's React Library to Build UIs

How to use Facebook's React Library to Build UIs | All things JS and Dev | Scoop.it

Now, we'll create data flows between multiple components.

And, the components we'll build are:

Input, for receiving text input.Output, to display the encoded output.App container, which encapsulates the other two components.

It may not be obvious right now, but the container is essential. Every React component must return a single element. In order for us to display both the Input and the Output components, they need to be inside another component.


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

Sane Stack

Sane Stack | All things JS and Dev | Scoop.it
The JS Fullstack to get you productive instantly.

A Javascript Fullstack and CLI that lets you rapidly create production-ready web apps using Sails and Ember, giving you Docker support, generators and more.


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

React.js Tutorial Pt 1: A Comprehensive Guide to Building Apps with React.js

React.js Tutorial Pt 1: A Comprehensive Guide to Building Apps with React.js | All things JS and Dev | Scoop.it

Components are the building blocks of React. If you’re coming from an Angular background, components are very similar to Directives. If you’re coming from a different background, they’re essentially widgets or modules. You can think of a component as a collection of HTML, CSS, JS, and some internal data specific to that component. I like to think of React components as the Kolaches of the web. They have everything you need, wrapped in a delicious composable bundle. These components are defined either in pure JavaScript or they can be defined in what the React team calls “JSX”. If you decide to use JSX (which you most likely will, it’s pretty standard – and it’s what we’ll use for this tutorial), you’ll need some compile stage to convert your JSX to JavaScript, we’ll get to this later.


Via Jan Hesse
more...
Jan Hesse's curator insight, January 25, 2015 3:18 PM

Pt I: A Comprehensive Guide to Building Apps with React.js.

Pt II: Building React.js Apps with Gulp, and Browserify.

Pt III: Architecting React.js Apps with Flux. (Coming Soon)

Pt IV: Add Routing to your React App with React Router. (Coming Soon)

Pt V: Add Data Persistence to your React App with Firebase. (Coming Soon)

Pt VI: Combining React.js, Flux, React Router, Firebase, Gulp, and Browserify. (Coming Soon)

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

Planning A Front-end JavaScript Application

Planning A Front-end JavaScript Application | All things JS and Dev | Scoop.it

Planning a front-end web application is about more than just picking a few JavaScript solutions to aid in the architecture and testing of a web application. While this might be where much of the front-end community focuses, seasoned developers know that building enterprise-grade software is much more than this.

In this article, I am going to describe 16 steps that front-end developers should go through when planning a front-end web application. These steps aim to cover the entire life-cycle of a front-end application. However, before diving in, I need to clarify a few front-end terms that remain unsettled in the industry.


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

McFly - Flux Architecture Made Easy

McFly - Flux Architecture Made Easy | All things JS and Dev | Scoop.it

When writing ReactJS apps, it is enormously helpful to use Facebook's Flux architecture. It truly complements ReactJS' unidirectional data flow model. Facebook's Flux library provides a Dispatcher, and some examples of how to write Actions and Stores. However, there are no helpers for Action & Store creation, and Stores require 3rd part eventing.

McFly is a library that provides all 3 components of Flux architecture, using Facebook's Dispatcher, and providing factories for Actions & Stores.


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

All About Angular 2.0

All About Angular 2.0 | All things JS and Dev | Scoop.it

Have questions about the strategy for Angular 2.0? This is the place. In the following article I'll explain the major feature areas of Angular 2.0 along with the motivations behind any changes. Following each section, I'll provide you with my own opinions and insights into the design process including important areas where I think the design still needs improvements.

 

Contents:

1. Performance
2. The Changing Web
3. Mobile
4. Ease of Use
5. Summary
6. AtScript
7. Dependency Injection
8. Templating and Databinding
9. The Router


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

Paperclip.js - fast, reactive template engine for the DOM

Paperclip.js - fast, reactive template engine for the DOM | All things JS and Dev | Scoop.it

Compiled templates for the Browser, and NodeJS

Paperclip is a reactive template engine designed for the DOM. It works by compiling templates to document fragments, then clones them whenever they're needed.

Paperclip doesn't make any assumptions about your codebase. Easily use paperclip in Backbone, Angular, or Ember-based applications.


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

The State of Flux

The State of Flux | All things JS and Dev | Scoop.it

There is still a ton of boilerplate involved to adhere the Flux architecture, and that’s usually where a library comes along to bring some level of abstraction and convenience.

Assuming a prior knowledge of Flux’s inner workings, here’s a comparison of the following Flux libraries that have been developed by the community:

Reflux https://github.com/spoike/refluxjsBarracks https://github.com/yoshuawuyts/barracksDelorean http://deloreanjs.com/Fluxy https://github.com/jmreidy/fluxyFluxxor http://fluxxor.com/McFly http://kenwheeler.github.io/mcfly/
Via Jan Hesse
more...
No comment yet.