Full manager embed: https://5dca7f6a6ce19b00201febb7-udppciblxn.chromatic.com/?path=/story/components-button--appearances Preview only embed: https://5dca7f6a6ce19b00201febb7-udppciblxn.chromatic.com/iframe.html?id=screens-profile--basic&viewMode=story Docs page embed: https://5dca7f6a6ce19b00201febb7-udppciblxn.chromatic.com/iframe.html?id=screens-profile--basic&viewMode=docs

Introducing Suspense support and Async Library — It’s been a while since Dan Abramov revealed Suspense, the future vision for async rendering and data fetching in React. Users of React Async have been asking about Suspense support ever since that early announcement. …

Web applications have to deal with a lot of asynchronous operations. Loading and updating data is something you have to do over and over again. There’s two common approaches to this: using a global state manager (e.g. Redux) or using setState locally. Although I’ve been a fan of Redux in…

How Accelerated Mobile Pages and Progressive Web Apps can boost online sales In the world of e-commerce, customers are becoming increasingly mobile. In The Netherlands, 50% of consumers is shopping on their mobile phone. Among those under 35 years of age mobile purchases is at 65%. …

TL;DR: Isomorphism is the functional aspect of seamlessly switching between client- and server-side rendering without losing state. Universal is a term used to emphasize the fact that a particular piece of JavaScript code is able to run in multiple environments. Ever since Spike Brehm of Airbnb popularized the term Isomorphic…

On the road to Isomorphism and Adaptive web applications. The web application landscape has recently seen a big shift in application architecture. Nowadays we build so-called Single Page Applications. These are web applications which render and run in the browser, powered by JavaScript. They are called “Single Page” because in…

Change templates based on device capability — TL;DR: I created a provider to implement adaptive templates in AngularJS. It’s on Github: https://github.com/ghengeveld/angular-adaptive-templating I recently attended a JavaScript meetup where I heard a talk on adaptive templates with handlebars and curl.js. The topic was very actual for me, since I had just implemented a very similar thing using…

The missing piece in AngularJS — Unlike Backbone and Ember, AngularJS does not provide a standardized way to define model objects. The model part of MVC* in Angular is the scope object, which is not what we mean by model objects. A model object is the JavaScript version of a class instance. Developers familiar with object…

A collection of ideas for authentication & access control — The Netherlands knows a relatively active AngularJS community, with regular meetups and a helpful Google+ group. Last week I had the opportunity to speak at one of these meetups. Since pretty much all of the applications I build require authentication of some sort, I’ve implemented various forms of authentication in…