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…

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

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…

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.

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…

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

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 …

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…

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…