In recent posts and talks, I've explored how Web Workers can vastly improve the responsiveness of a web application, by moving work off the UI thread and thereby reducing DOM-blocking. In this post, I'll delve a bit more deeply into the performance characteristics of postMessage(), which is the primary interface for communicating with Web Workers.…
State management within Angular started out as a single celled organism if you will in the form of a single controller managing all the state for the application. If this is a single page application, one controller makes sense right? We emerged out of the ice age by starting to group our views and controllers into smaller, self-contained units either within a directive or a route. This was a vast improvement, but there was still the problem of managing complex state within our applications. It was not uncommon for us to have bits and pieces of state strewn across our application tucked inside of controllers, services, routes, directives, and occasionally, in our templates. Mutable state in itself is not inherently evil but shared mutable state is a recipe for disaster.
“Angular-Google-Chart directive by Nicolas Bouil. This simple directive takes much of the work out of the initial setup of a basic Google Chart. The directive comes bundled with a service that handles the API Loader call asynchronously using the AngularJS Promise API, so you don’t have to worry about fetching the library and passing it a callback function, the included code handles it for you. For a very simple application you can just setup an object with your chart data and options, and give that object to the directive from the markup side of things.”
Generators are a new feature in ES6. You declare a generator function which returns generator objects g that can then be iterated using any of Array.from(g), [...g], or for value of g loops. Generator functions allow you to declare a special kind of iterator. These iterators can suspend execution while retaining their context. We already examined iterators in the previous article and how their .next() method is called once at a time to pull values from a sequence.
Want to learn Webpack or React? Get started for free and build a Kanban board by following the example project.
SurviveJS - Webpack and React shows you how to build a simple Kanban application based on these technologies. During the process you will learn to:
Set up a Webpack based development and production environment. You will learn to get most out of react-hot-loader and Babel for development.Improve the quality of your code by using ESLint and friends to spot possible mistakes earlier.Get into the React mindset while learning the basics of Alt, an implementation of Flux Application Architecture.Style your React application in various emerging ways.Implement drag and drop for your application using React DnD.
Via Jan Hesse
In this three-part tutorial series we’ll be building an Etsy clone with Angular and Stamplay. Stamplay is a great development service that handles much of the server and API based stuff for developers. This means you as a developer can focus on the things that matter most to your users; things like user interface, interactions, […]
Iframes… Can’t live with them, can’t live without them. Is it just me or anyone else is also wondering why these guys are still being used even though the 90s are long gone? Well, believe it or not - no one has come up with a better alternative for embedding another HTML document into your page since Microsoft first introduced the tag in 1997. Not until recently, at least.
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!
Spotify is a great way to stream all of your loved music. As nearly all great services have a public API today, so has Spotify. In this tutorial I will show you how to login to Spotify, access your playlists, read the track data and also play some music snippets. Everything will be wrapped inside a mobile app using the great Ionic Framework.
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).
I wanted to get TypeScript working on an Ionic project that I am starting, but couldn’t find a decent resource that helps you get TypeScript working with Yeoman generated Ionic project. So I thought i’d put down a few steps that will be useful for anyone who might need it.
Sharing your scoops to your social media accounts is a must to distribute your curated content. Not only will it drive traffic and leads through your content, but it will help show your expertise with your followers.
How to integrate my topics' content to my website?
Integrating your curated content to your website or blog will allow you to increase your website visitors’ engagement, boost SEO and acquire new visitors. By redirecting your social media traffic to your website, Scoop.it will also help you generate more qualified traffic and leads from your curation work.
Distributing your curated content through a newsletter is a great way to nurture and engage your email subscribers will developing your traffic and visibility.
Creating engaging newsletters with your curated content is really easy.