A pretty great use-case for Map in JS

A pretty great use-case for Map in JS

JS Map can store anything as a key, but you rarely need more than a number or string there. Here, I discuss a use-case where I needed something more.

React-Redux: Connecting all children (part 2)

React-Redux: Connecting all children (part 2)

A clearer look into the performance implications of different approaches to connect components to the redux store, backed by real data.

React-Redux: Connecting All Children

React-Redux: Connecting All Children

It appears to be a fairly common notion that having a single connected container component in your react-redux project is a recommended idea for a variety of reasons. The main one being that it was suggested by the main react and redux teams back in 

Shared Element Transitions with React Hooks

Shared Element Transitions with React Hooks

Previously we worked on FLIP Animations, and how they help with smoother layout-change based animations. Shared Element Transitions basically takes that concept to the next level, and we’ll talk about how to do that with React Hooks. Demo: https://jayant.dev/experiments/shared-element-transitionsCodebase: Github Link Let’s recap what FLIP 

Clip Path Route Transitions

Clip Path Route Transitions

View/page transitions done in a bit of a new way, using the CSS clip-path property. Here I’ll discuss the clip-path property and route transitions using this property. tl;dr: See the experiment at https://jayant.dev/experiments/clip-path-route, and be cautious of render performance if you do this. Anyone reading 

An experiment with CSS Animations

An experiment with CSS Animations

If you want performant animations, you go with CSS Transforms. – almost everyone, 2019 This is an experiment with CSS Animations that you can try out yourself at https://jayant.dev/experiments/animation-comparisons. CSS Transforms are more performant than animating non-transform properties (like left or height, etc.), that’s what 

Object destructuring in Javascript – A cheatsheet

The other day, I was talking to a friend of mine who is a great iOS dev, but was learning JS for… reasons. At some point, he asked about this syntax which was about object Javascript destructuring/destructuring assignments. Over the next few minutes in our 

Getting Started: With ember.js 2 + firebase + materialize css.

Getting Started: With ember.js 2 + firebase + materialize css.

Introduction This article assumes that you have some idea about programming and web development in general. I’ll still try to be as descriptive as possible. The project associated with this article is on GitHub! If you want to try it out, follow these instructions: First, 

A glimpse of undefined behavior in C

Reblogged from “A glimpse of undefined behavior in┬áC” at Christopher Cole’s blog, “Christopher Cole” . Hey! Today I was practicing my first year CS201 programming language, C, when I came across a puzzling situation. Several lines of the following code gave different output on different