Writings

  • All
  • Algorithm
  • JavaScript
  • Framework/Tools
  • Visualization
  • Books
JavaScript Algorithm

Gilded Rose Kata and Strategy Pattern

My take on solving the Gilded Rose refactoring problem using the strategy pattern technique with JavaScript.

JavaScript

Writing Clean Functions

Advices from Robert C. Martin's book Clean Code about writing clean functions. Writing clean function is essential to keep code maitainable and scalable.

JavaScript

JavaScript Proxy and it's use cases

The Proxy is a standard built-in object introduced in ES6. It acts as a gatekeeper for an object. Let's look at some where Proxies can be useful.

Visualization Framework/Library

Animated UI with react-transition-group

A slider micro-interaction built with React. We will build a tree animation that grows with slider change.Using react-transition-group library build a smooth UI interaction.

Visualization

Delightful micro-interaction with CSS

Small delightful micro-interaction truly shows you care about small details that gives joy. We will create an animated checklist using simple CSS techniques.

JavaScript Framework/Tools

Creating Universal Widgets - Transforming React components into cross-framework widget

We'll build a React-based widget and bundle it with rollup. Then use this bundled widget to embed it in any JavaScript based application.

Framework/Tools

Explaining Docker with Pizza!

Docker is a tool that helps you package your software and its dependencies into a single unit called a 'container'. In this article, we'll explore the concept of Docker through the lens of a pizza food cart analogy.

Books

Books I Read In 2022

In 2022, I explored various types of books, from exciting fiction to informative technical books. I enjoyed diving into different genres throughout the year. Now, I'm sharing a complete list of the books I read in 2022.

Visualization Framework/Tools

Circular packing with D3.js and React

We'll explore how D3.js, a powerful data visualization library, can work hand-in-hand with React. By the end, you'll have a clear understanding of how to create interactive circular data visualizations for your web projects.