Blog
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…
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…
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…
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…
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 less…
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…
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…