Open in app

Sign In

Write

Sign In

Akshay Jain
Akshay Jain

152 Followers

Home

About

May 2

Testing in Storybook self-help notes!

These are my self notes, while exploring testing with storybook Currently, we write two files along with the main component file, one is for the storybook i.e. *.stories.tsx and the other is for testing *.spec.tsx Storybook advocates, that we can write specs also inside stories files, thus putting all meta…

Storybook

2 min read

Storybook

2 min read


Mar 31

Clone Git repository in windows using ssh

Straight-to-point blog! open cmd and type ssh-keygen it will generate a pair of private and public keys, by default keys take the name id_rsa , you can use any name you wish. Press enter! Keys generated and stored in c:/Users/computerName/id_rsa Now create a new folder with name .ssh in c:/Users/computerName…

Git

1 min read

Git

1 min read


Mar 16

Next JS Image Component Learning Points

Use import {Image} from ‘next/image’; These images are lazy loaded when they come in the viewport through scrolling Put images in the “images” folder beside .next folder An optimized image in webp or avif format is loaded on the webpage If fetching images using url, then we need to provide the height and width on the Image component, because NextJs does not know upfront the size of the image Another way to provide dimensions on Image component is using layout={“fill”} and objectFit={“contain” | “cover” | .. } this makes image component equal to size of parent

Nextjs

1 min read

Nextjs

1 min read


Sep 8, 2022

Use a Google Sheet as a single source of Truth for UI Data management rather than a Figma file.

The design of the component created in Figma has lots of details, text colour, background colour, and border colour, + these colour needs to be changed if we hover over the component, or if we keep the element in an active state. Here colour information is actually data, and thus…

Figma

3 min read

Use a Google Sheet as a single source of Truth for UI Data management rather than a Figma file.
Use a Google Sheet as a single source of Truth for UI Data management rather than a Figma file.
Figma

3 min read


Jun 2, 2022

Access React Child Component’s state in parent component

You have a parent component, in which you want to keep control of child component’s state, it is possible by replicating the child’s data in parent. By passing a ref from parent component to child component. For ref to work, child component should be wrapped in forwardRef. Main Part Whenever you update the child state, update that ref also at the same time. With this done. You have access to all the child states as it is also saved on the ref.

React

1 min read

Access React Child Component’s state in parent component
Access React Child Component’s state in parent component
React

1 min read


Jan 19, 2022

Replace Docker Desktop with Rancher Desktop and Docker daemon on Mac in 5 mins

Docker Desktop would no longer remain a free product for large organizations above a certain size. Larger techs with revenue greater than $10 million would be able to afford Docker Desktop’s $5 per user/month starter pricing. This post does in no way discourages organizations from paying and I believe that…

Docker

2 min read

Replace Docker Desktop with Rancher Desktop and Docker daemon on Mac in 5 mins
Replace Docker Desktop with Rancher Desktop and Docker daemon on Mac in 5 mins
Docker

2 min read


Aug 18, 2021

Use Snippets tab of Chrome browser inspector to run your code instead of

Use Snippets tab of Chrome browser inspector to run your code instead of console

Chrome

1 min read

Use Snippets tab of Chrome browser inspector to run your code instead of
Use Snippets tab of Chrome browser inspector to run your code instead of
Chrome

1 min read


Mar 21, 2021

Open Github repositories as VSCode Projects

While developing projects, we may need to take help from other projects hosted on github.com. General procedure involves cloning the repository, because it is not easy to navigate through the files on github.com. https://github.com/conwnet/github1s solves this simple issue of easing navigation through files in browser itself Checkout below repo link https://github1s.com/conwnet/github1s …

1 min read

Open Github repositories as VSCode Projects
Open Github repositories as VSCode Projects

1 min read


Jan 5, 2021

Introducing Code Review meetings as a new Sprint ceremony

Reviewing pull requests is very important in order to ensure that consistent practice is followed all throughout the code, thus all stakeholders promote pull request review as an important task Considering a team of 6–7 developers will create 3–10 pull requests in a week it is important that we devote…

Code Review

3 min read

Make DAILY pull request review meetings part of sprint ceremony like DSM
Make DAILY pull request review meetings part of sprint ceremony like DSM
Code Review

3 min read


Nov 2, 2020

Managing color variables in front-end project

In every frontend code we use a lot of colours in scss. First bit of optimisation is to put all the colour variables in a separate file, so that we can get all the colours used in our project at one place Now second bit is about giving proper names…

Colors

3 min read

Managing color variables in front-end project
Managing color variables in front-end project
Colors

3 min read

Akshay Jain

Akshay Jain

152 Followers

intelligence is based on remembrance

Following
  • Bennett Garner

    Bennett Garner

  • Vikas Shekhawat

    Vikas Shekhawat

  • Jay Kim

    Jay Kim

  • Rajdeep singh

    Rajdeep singh

  • Innocent Amadi

    Innocent Amadi

See all (193)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams