Create React wrapper for PhotoSwipe

Learn how to wire events and life-cycles to create React wrappers.

Create sticky header only with React Hooks.

Create a simple sticky header only with functional components and React Hooks with no npm packages or other complicated functionality.

Rename multiple files in multiple folders with PowerShell

I tried to cover most of the common cases to have a good base from which to expand and improve to all your needs.

Use nested lists in Sass to organize CSS rules like padding and margin.

With Sass you can organize data into nested lists, scale data easily and create all the CSS rules with loops.

Configuring Pug with Webpack 4 and the Aurelia CLI

Easy to fallow steps to bootstrap Aurelia CLI with Pug (Jade) and Webpack. With working metadata passed from webpack config file.

How to integrate Serverless contact form using Firebase Cloud functions in React

To create serverless contact forms, you need a service like Google Cloud Functions and their powerful cloud functions. In this tutorial I will show you how to create a contact form with Firebase and React.

How to use withStyles from Material UI with HOC in React

Here is a simple React app example using Material UI. The problem I stumbled is how to add JSS withStyles into Higher-Order Components (HOC).

Implementing draft status for your blog posts in GatsbyJS

Will be great if Gatsby blog starter has the same status management for blog posts as WordPress. Until now I stash my blog post progress and commit my design changes. This is redundant and having draft or published statuses will make life much easier.