I recently made my first investment in Bitcoin; A minuscule sum in comparison to the sums retail and institutional investors have been putting forward.

My plan is to grow my position slowly and hold it for many years. I doubt anyone can confidently say what the price of Bitcoin and…

Sass has helped me add more functionality to my CSS code.

Photo by Pankaj Patel on Unsplash

Once I decided to introduce dark mode to my website, I realized I had to have a light mode and a dark mode style for the same component in many instances throughout my code.

Instead of duplicating the same CSS for both the light and dark mode styles, I utilized…

I used the flow-grow property to align the last item at the end of a flexbox with respect to the preceding flex items.

Photo by Rumman Amin on Unsplash

If you need to align some elements within a relative container, it is more likely than not that you are using the CSS flexbox module. It’s amazing…

Photo by Aditya Chinchure on Unsplash

When you think about electric cars, the very first thing that comes to mind is Tesla. It has singlehandedly revolutionized the auto industry. The inevitable switch to electric vehicles and huge potential growth of the market is giving rise to many new auto companies.

One such distinct example was Nikola…

Photo by Anna Tukhfatullina Food Photographer/Stylist on Unsplash

As part of a personal project, I was working on a page where the user could add new posts about beers they tried. And in the form for the new post, I added the option to rate the beer via star rating.

Photo by Ivan Timov on Unsplash

useEffect is for side effects

useEffect is to functional components what componentDidMount , componentDidUpdate , and componentWillUnmount are, combined, to class components. It is a method responsible for all the so-called side effects that occur during the lifecycle of a React component.

Whether you want to make a call to an API, manipulate the DOM…

Photo by James Harrison on Unsplash

If you’ve ever set up a Github Actions workflow on a repository, you will recognize the YAML file that executes steps upon any code you push to the repository.

These steps could entail building and deploying your code for production, for instance.

Above we define the steps for Github…

Photo by Sean Lim on Unsplash

I wanted to build my website and have some semblance of a CI/CD pipeline in place to push changes from local development to production easily. I wanted to have a frontend and a backend deployed separately, communicating with each other.

I set up the Gatsby frontend site on Netlify, while…

Photo by Brett Jordan on Unsplash

I maintain this view as a beginner to intermediate programmer. Senior programmers, or programmers that are more gifted, are more in shape to design a solid code architecture before they proceed with any line of code, due to their sheer experience or talent. …

Photo by Michael Dziedzic on Unsplash

Memoization is the technique of storing the results of computationally expensive operations. When the operation is invoked again with similar inputs, the stored/cached results are returned, rather than executing the function anew.

In React, memoization can be utilized to optimize calculations every time a component is updated and re-rendered.


Sanjar Kairosh

Full Stack Engineer. Enjoys reading. Writes about a mixture of topics to satisfy curiosity.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store