Blog

10 June, 2019

Ultimate Autocomplete with TypeScript, React Hooks and RxJS

This user interface pattern is known by many names - Autocomplete / Autosuggest / Typeahead, but effectively is doing the same thing. As UI patterns scientifically put it, the Autocomplete pattern is a predictive, recognition based mechanism used to assist users when searching…

10 January, 2019

How to make your sluggish Jest v23 tests go faster

Jest v23 was released in May 2018 and the headline of this release was “Blazing Fast Delightful Testing”. However, at the beginning of 2019 it feels like the motto should have been “Utterly Sluggish Repulsive Testing” . Here’s why. I recently decided to improve unit test…

23 November, 2018

Never use an absolute path for your APIs again

Recent advances in web apps architecture showed that decoupled frontend provides more flexibility for development and operations: Lets you work on one end without depending on the other Lets you build and deploy separately Makes it easy to use different tools on each end Problem…

05 November, 2018

Static Website over https with S3, CloudFront, Gatsby and Continuous Delivery

At Appfocused our aim is to build enterprise grade solutions with minimal financial risk and choosing technology path of least resistance. A perfect showcase of applied simplicity and reliability at a low cost is the architecture of our very own website and blog. In this post I’d…

30 October, 2018

Zero config React + Typescript + CSS Modules + JEST with create-react-app

In the beginning of 2018 I explored a tool called Poi that offered a trendy zero config setup for new apps. I tried it out and wrote a blogpost on how to quickly set up an app with my favourite tooling at that time — React for performant views; Typescript for eloquent and…

12 October, 2018

Simple CSS Grid with flexbox fallback

The Layout Layout is front-end developer’s bread and butter and luckily our tooling is becoming better and better. Almost gone are the days when we had to use tables or floats to align things. Today I’d like to implement a simple responsive grid using css grid spec but also…

19 February, 2018

Zero config React + Typescript + CSS Modules + JEST with Poi

Poi.js is a tool that comes to replace starter-kits and boilerplate projects. Poi’s promise is “no more configuration hell”. With almost no config it delivers the following: Automatic transpilation and bundling (with webpack and babel/postcss) Hot code reloading Files in  are…