Oct 21, 2021Embedding Storybook on MediumChromatic integrates with Embedly and Iframely as an embed provider. That means you can embed Storybook stories in your Medium articles, your Notion pages, and many other platforms that support the oEmbed standard. All you need is a URL for a Storybook published on Chromatic. Embedding a Storybook In most cases, embedding…Storybook2 min readStorybook2 min read
Oct 20, 2021Storybook embedding demoFull 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=docs1 min read1 min readStorybook embedding demoFull manager embed:https://5dca7f6a6ce19b00201febb7-udppciblxn.chromatic.com/?path=/story/components-button--appearancesPreview only embed:https://5dca7f6a6ce19b00201febb7-udppciblxn.chromatic.com/iframe.html?id=screens-profile--basic&viewMode=storyDocs page embed:https://5dca7f6a6ce19b00201febb7-udppciblxn.chromatic.com/iframe.html?id=screens-profile--basic&viewMode=docs----
Oct 7, 2019React Async v9 and beyondIntroducing 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. …React3 min readReact3 min read
Aug 22, 2018Data loading with React AsyncWeb 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…Java Script5 min readJava Script5 min read
Published in Xebia·Jul 14, 2017From Search to Checkout without annoying your customersHow 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%. …Web Development7 min readWeb Development7 min read
Sep 3, 2015Isomorphism vs Universal JavaScriptTL;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…Java Script3 min readJava Script3 min read
May 1, 2015Next-gen Web Apps with Universal JavaScriptOn 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…6 min read6 min read
Published in Opinionated AngularJS·May 15, 2014Adaptive Web Design and AngularJSChange 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…4 min read4 min read
Published in Opinionated AngularJS·Mar 25, 2014Angular model objects with JavaScript classesThe 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…5 min read5 min read
Published in Opinionated AngularJS·Mar 13, 2014Techniques for authentication in AngularJS applicationsA 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…12 min read12 min read
