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.
It's my blog, kind of
Programming
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
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
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
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
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.
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 …