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 

FLIP – Performant Layout Transitions even with Left/Top/etc., with React Hooks!

FLIP – Performant Layout Transitions even with Left/Top/etc., with React Hooks!

FLIP is a way to animate elements on the page performantly even when changing properties like left, top, height, width, etc. Here’s the experiment for you to take a look at: https://jayant.dev/experiments/flip-animation-techniqueNote: We’ll do this in React, feat. some TypeScript. If you took a look 

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 

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, 

Google Camera now on the play store!

For those who’ve been waiting since ages, Google Camera is finally on the play store for all devices running Android 4.4.x! Google has made a number of improvements and refinements here, introducing a much cleaner interface “that gets out of your way” with a prominent 

How to install Catalyst-legacy driver in Windows 8.1? ATI Radeon 4000 Series and earlier.

Welcome Ideabusters! This time, after a long time, a legit and full fledged article is posted here, now, I understand a lot of you might be in utter desperation, so i’ll save you the time and tell you how I did it. Firstly, I did