Blog
SmartGrid: Light, customisable & multi grid with minimal config.
Introducing smart grid, a lightweight 116 B, customisable (UI is up to you), multigrid (multiple...
JavaScript: Simplifying 'this'
The Basics this in any scope is equivalent to the object, implicitly it's the object from...
Micro frontend: A Windows clone with micro apps
I was planning to build an online portfolio as an OS clone, my idea was to build it as a portfolio...
Using Dev.to as CMS for Gatsby(or any) Portfolio
About 3 weeks earlier I started writing blogs on Dev.to but I also had a portfolio with blogs,...
How to Create a 2D draggable grid with react-spring: The showdown
Welcome to the final part of the series! In the last part we had a grid with every block moving...
React useEffect: The basics and the secrets
Almost everyone is familiar with hooks these days, useEffect is one of the most used hook. My 2 cents...
Creating 2D blocks layout with custom hook useDraggable
We already have a draggable block with dragging logic coupled with the UI component. Custom...
How to Create a 2D draggable grid with react-spring
In this article we will create a 2D grid were each item can be dragged and moved to a different place...
Spread Operator: don't misuse it
Spread operator was introduced with JavaScript ES6 along with other great features, but with great po...
Gatsby: Smart way to build websites
Gatsby is Frontend framework based on React and GraphQL with plugins for almost anything one can imag...
Creating Scalable Frontend architecture
Difference between Scaleable and Domain driven architecture.
Smart Grid: A Lightweight virtualized grid.
Journey from scroll able div to virtualized pinned grid.
