Javascript
Follow
Find
18.8K views | +14 today
Javascript
Your new post is loading...
Your new post is loading...
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Meteor, Angular2 and React: once the dust settles…

Meteor, Angular2 and React: once the dust settles… | Javascript | Scoop.it
2015 will be remembered as the year of the Javascript Fatigue.

 

Being a JS developer right now is like being one of the suitors waiting forPenelope to finish weaving Odysseus’s shroud, being constantly reminded that yes, 1.x is indeed limited and 1.y will change everything so please stick with us a little bit longer.

I mean, there is no framework right now that is really production-ready (except for React, but, again… React 1.x is coming soon, is it?). Change is good, change is healthy, although having to re-learn everything from scratch again (yes, Angular, I’m talking to you) can be difficult for big projects that would like to stay up-to-date.


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

Data Persistence and Sessions With React

Data Persistence and Sessions With React | Javascript | Scoop.it

Ensuring your application's users stay logged in and remembered by the app, despite Client or Server disconnections, is a crucial feature—which is easy to implement with React and Express.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from Software Development Made Simple
Scoop.it!

Building Custom Web Components with X-Tag

Building Custom Web Components with X-Tag | Javascript | Scoop.it
Pankaj Parashar introduces Microsoft's X-Tag JavaScript library to enable Web Components, using the example of a Google Map custom element.

Via Arthur Minduca
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

The State of TypeScript Packages

As a module author and developer, I love TypeScript. It allows me to write, publish and consume 100% type-safe JavaScript. Features like autocompletion, type validation and ES6 features are now part of my typical workflow. However, one step in this development lifecycle has always been broken for me. I’ve published half a dozen modules on...

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

Complex Components in Ember.js - Analyzing user flows

Complex Components in Ember.js - Analyzing user flows | Javascript | Scoop.it

We’ll go through the main UI flows and see how they are implemented via communication of the different layers of the component.

The way of upward communication from child components is calling these actions when appropriate.

We now have sufficient knowledge to follow the implemention of basic user flows, so let’s get into it.


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

Angular 2 for React developers

Angular 2 for React developers | Javascript | Scoop.it

React has been on top of the world as of recently, for good reasons, it’s a fantastic approach to building modern web apps. This post is catered to those who are neck-deep in React and what to make an easy transition to Angular 2. This is angular 2 for react developers.


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

Angular 2: Developer Preview

Angular 2: Developer Preview | Javascript | Scoop.it

Though Angular 1.x has proved to be a good framework for building rich internet applications (RIA), it was built with older browsers in mind. The framework had to build its own module system and a set of abstractions to make its usage easier. By leveraging the new features of the web, the framework won’t have to define certain abstractions, and will instead focus on making the experience of working on it better in many other ways. Angular 2 still adopts some of the good things from Angular 1, but at the same time, it abandons features that complicate things while writing large applications or, the features that are already covered by the language. 


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

Concurrently JavaScript

Concurrently JavaScript | Javascript | Scoop.it

What is concurrency? How is it different from parallelism? JavaScript is single-threaded on the event loop, so how does its asynchrony fit into the mix?

These are great questions, but sadly, I think most JS developers are not really asking them enough. The concepts behind writing concurrent code are incredibly important, but we tend to only focus on the API provided to us by some library or framework. These APIs have a tremendous capability to shape our thoughts about the underlying functionalities, and often not in accurate or productive ways.

I want us to talk first about the concepts around concurrency before we focus on what we can do with some API or pattern. Don’t worry: following parts of this blog post series will talk more about APIs, if that’s what really gets you excited. But don’t skip over these concepts.


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

Anatomy of a large Angular application

Anatomy of a large Angular application | Javascript | Scoop.it

How to design the architecture of an Angular application and not go insane in the process


Via Jan Hesse
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

Integrating Firebase Into Our Application

Integrating Firebase Into Our Application | Javascript | Scoop.it
Integrating Firebase into our application from the Course AngularJS: Adding Registration to Your Application.
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

JavaScript Essential Training (2011) - Free Video Tutorial Free Online Tutorial

JavaScript Essential Training (2011) - Free Video Tutorial Free Online Tutorial | Javascript | Scoop.it
Free Online Tutorial to JavaScript Essential Training (2011) - Free Video Tutorial. In JavaScript Essential Training, Simon Allardice shows how to use JavaScript to add new features and a richer, more compelling user interface on web pages.
more...
No comment yet.
Scooped by Darlene Tate
Scoop.it!

Building the Node.js Server App

Building the Node.js Server App | Javascript | Scoop.it
Alex Banks shows each step in the process, starting with setting up the Node.js environment and express app for development.
more...
No comment yet.
Rescooped by Darlene Tate 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 | Javascript | 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 Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

Getting Started with Relay

Getting Started with Relay | Javascript | Scoop.it

Relay is an open source framework from Facebook for declarative data interaction with GraphQL. It fills the data fetching gap that existed with React + Flux applications and allows developers to request exactly the data they need for each component. In this tutorial, we see how to set up a basic Relay application and how to protect GraphQL with JWT authentication.


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

Angular 2 versus React: There Will Be Blood

Angular 2 versus React: There Will Be Blood - Free Code Camp - Medium

Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React.

You’re Comparing Apples and Orangutans!

Sigh. Yes, Angular is a framework, React is a library. Some say this difference makes comparing them illogical. Not at all!


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

Include External JavaScript Libraries In An Angular 2 TypeScript Project

Include External JavaScript Libraries In An Angular 2 TypeScript Project | Javascript | Scoop.it
Use external JavaScript libraries in a TypeScript Angular 2 project.  Declare components from external libraries and then use them as normal.

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

Building a cross-platform desktop app with NW.js, React & Flux

Building a cross-platform desktop app with NW.js, React & Flux | Javascript | Scoop.it
Finch helps web designers and developers test their development sites on multiple devices without the need for lengthy deployments or public staging servers.

 

Before we get in too deep let’s evaluate why we felt a desktop (as opposed to a command-line) app was needed:

 

Simplicity: Finch should ‘just work’ for as many people as possible; the rich interface offered by a desktop versus command-line app gives us a better crack at making this happenCompatibility: Although Node.js and npm (both required to install the command-line app) are free, open-source and widely compatible, installation often proved troublesome for users less experienced with terminal interfacesReach: A by-product of the previous factors; by making the entrypoint simpler and more accessible we’d hope to attract, and interest, a far broader audience.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate from Software Development Made Simple
Scoop.it!

Build Ultra-Modern Web Apps with Angular Material

Build Ultra-Modern Web Apps with Angular Material | Javascript | Scoop.it
Material Design uses a paper metaphor, bold intentions, and meaningful motion to give user interfaces an ultra-modern feel. Web applications built using AngularJS can now easily adopt these design principles using Angular Material, a reference implementation of Google's Material Design Specification.

Via Arthur Minduca
more...
No comment yet.
Rescooped by Darlene Tate from JavaScript for Line of Business Applications
Scoop.it!

5 Reasons to Fall in Love with Angular Material

CSS layout is historically notable as the foremost cause of countries going to war, mental health issues, and countless physical confrontations between humans and technological devices. Angular Material has redeemed the sins of our CSS patriarchs by making layout simple. At some point or another, we have all Googled “How to layout two divs side by side” and eventually “How to center element vertically in CSS”.


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

AngularJS: MVC implementation

AngularJS: MVC implementation | Javascript | Scoop.it

Now that we’ve discussed how AngularJS fits into Web development as a framework for building rich client side Web applications, we’ll move on to the Model-View-Controller (MVC). So, let’s dive right in by examining how the MVC pattern is implemented in AngularJS and how that drives your application development.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate 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 | Javascript | 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 Darlene Tate 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 | Javascript | 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.


Via Jan Hesse
more...
No comment yet.
Rescooped by Darlene Tate 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 | Javascript | 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.

Scooped by Darlene Tate
Scoop.it!

Tracking our navigation with ScrollSpy and jQuery

Tracking our navigation with ScrollSpy and jQuery | Javascript | Scoop.it
Learn how to track navigation as users scroll, with the ScrollSpy plugin, and create a full-screen, responsive image carousel.
more...
No comment yet.
Rescooped by Darlene Tate from javascript node.js
Scoop.it!

Facebook Open Sources React Native For Android So Devs Can Reuse Code Across Web And iOS | TechCrunch

Facebook Open Sources React Native For Android So Devs Can Reuse Code Across Web And iOS | TechCrunch | Javascript | Scoop.it

Facebook built the React JavaScript library so its engineering team could build interfaces for iOS, Android, and web with the same code. Now it's giving that..


Via Mikael Bourges-Sevenier
more...
No comment yet.