Articles

This is a list of the articles that I've posted over the years. Since early 2019, I have been trying to post a new article every 10 days, but as you know, sometimes other things take precedence (which is a subtle way of saying that I'm lazy). I tend to write from personal experience, both from the mistakes of the past and the things I've learned while working in multiple projects.

  • Centralizing API error handling in React apps

    19 Nov 2019

    In this article I'm going to present to you a way of handling your API errors once and for all in a centralized and easily extendable way, regardless of the state-management library (Redux, Apollo, etc.) that you are using.

  • 10 Tips & Tricks for smaller bundles in React apps

    27 Sep 2019

    In this article I’ll attempt to share a few tips & optimization tricks that you should consider when aiming to minimize the footprint of your React app. I’m confident that after reading this article you will be able to reduce your bundle size by at least 5–10%, since I’ll start with conventional tips and move on to edge-case micro-optimizations. I also want to point out that most of the things that I’ll go through are not React specific, but apply to all JS apps that are built using Webpack.

  • All you’ll ever need to know about Chrome Extensions

    20 Jun 2019

    In this article I’ll attempt to demystify all you’ll need to know when developing a Chrome Extension. I’m positive that after reading this article, you’ll be able to easily develop your own extension without too much trouble

  • Creating reusable abstractions with Amplify and React hooks

    02 Jun 2019

    This article will capitalise on the trend of custom hooks, in order to draw a line between React & external services with regards to the ways they communicate with one another. In other words, do your React components really need to know that you are using Amplify?

  • Using CSS to speed up your React apps

    27 May 2019

    Although the title seems clickbaity, in this article I’ll be talking about how you can use CSS to replace some of your JavaScript code in order to make your React apps more responsive

  • What to do when your React app feels slow

    13 May 2019

    React is fast, but for some reason your app feels slow. It doesn’t feel as smooth as it should given the fact that you are using “React”, and you can’t easily get your head around what’s causing it. In this article I’ll try and help you with situations like these, by giving you a list of steps to go through when you want to identify performance issues in a React app.

  • Introducing: Redux Hooks

    24 Apr 2019

    react-redux@7.1.0 has been released and with it a whole new set of hooks that could potentially change the way you write your redux in your React apps. In this article I will give you some insight in why it took that long to release, what the API is, and finally my thoughts on migrating to hooks.

  • Scroll listener vs Intersection Observers: a performance comparison

    17 Apr 2019

    The observer API has landed for some time now and is fully supported by all modern browsers. I questioned myself “Could I replace my scroll listeners with Intersection Observers? How cheaper and performance friendlier would it be”? Well this article attempts to answer just that.

  • The Importance of State & UI Actors in Web Apps

    15 Mar 2019

    React can be seen both as a UI library, as well as a State-and-UI management library. But is this scalable? This article emphasizes on the benefits of the actor model in large scale React apps

  • 3 small tips for better Redux performance in a React app

    07 Mar 2019

    In my previous article I went through some core concepts of performance optimisation in React apps. This article will extend these concepts by focusing on practices which will make sure that the introduction of Redux into your project is not causing any perf bottlenecks as your app grows.

  • 6 tips for better React performance

    28 Feb 2019

    In this article I will try and list out a few easy ways to achieve better performance in your React app through simple development hacks

  • Rx are kinda like Santa’s Workshop

    20 Feb 2019

    I always believed that analogies are a great way to understand something. Whenever I was trying to actually get my head around a certain concept, I was always trying to find the right analogy for it. Well guess what happened...

  • Debugging Javascript — Part 2: The DOM

    04 Oct 2018

    This is Part 2 of a series that will explore debugging of a front-end Javascript application. In the previous part we talked about Source breakpoints and in this article we will be focusing on the DOM and in particular how you can get the most out of the Elements tab.

  • Debugging Javascript — Part 1: Sources

    21 Aug 2018

    This is Part 1 of a series that will explore debugging of a front-end Javascript application. Debugging can be reduced down to proper knowledge of the developer tools that each browser offers. In this article we will be focusing on Chrome developer tools and in particular how you can get the most out of the Sources tab, by focusing only on the most commonly used tools .

  • Webpack 2 & Semantic UI Theming

    18 Apr 2017

    One of the most frustrating things i recently faced was trying to setup a custom semantic UI theme with Webpack. The end goal was to be able to create a theme configuration that would extend Semantic’s defaults, while changing some variables that the outputted semantic .css files depend upon

  • An introduction to webpack’s philosophy

    18 Apr 2017

    Much has been said about Webpack but I constantly come across people who are unaware, not only of its existence but of its actual purpose as well. In this article I’ll try and explain to you why Webpack exists, why is it needed and how can you benefit from integrating it with your project.

Podcasts

This is a list of the podcasts that I've recently started working on. I know it's not a list if it's only one, but more is coming. The main topics I tend to discuss about are tips for large scale projects using React & Redux.

  • Optimizing for Performance in React with Aggelos Arvanitakis

    04 Jun 2019

    The panel discusses the most common problems in react that cause poor performance. Aggelos gives a lot of advice on how to fix or avoid these problems and how to optimize performance. The panel discusses using CSS to optimize performance. The new React API’s are discussed and their effect on performance. The episode finishes with techniques for using redux.