Dev Designer Blog

moon indicating dark mode
sun indicating light mode
John Ayeni
Personal blog by John Ayeni
I post articles on Front-end tech and
other experiences I have in the tech space.

Absolute imports with Create React App

October 28, 2019

The default way of importing files or modules which are not from node_modules is the usage of Relative Imports . Take for example we have…

Media Queries with SASS mixins

September 10, 2019

Mixins allow you to define styles that can be re-used throughout your stylesheet.They make it easy to avoid using non-semantic classes like…

Custom React Hooks - Use Persisted Reducer

September 03, 2019

Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. useReducer useReducer is…

Dynamic Image Imports with Create React App

August 27, 2019

Recently I was trying to dynamically import images for a component that renders a list of items, with each item tied to its own image in my…

Generating responsive images with Gulp

January 13, 2019

To be able to do this, make sure you first install ImageMagick on your machine. It’s available on Windows, Mac and Linux. Then for the gulp…

What are PWAs? Build one in 15 minutes!

May 30, 2018

Code Repo Progressive Web App (PWA) is a term used to denote a web software development methodology. Unlike traditional web applications…