/ ayush saini

Writing

Notes from
the workbench.

22 articles about web development, programming, and making things.

Symbols in JavaScript?

Symbol is a primitive value that is guaranteed to be unique. In this post, I'll try to help you learn what are symbols and why and where would you actually use them?

Setup git with github on macos

how to set up git wit github on macos

SQL Basics

my notes on structured query language (SQL)

nvm use not updating node version

how to fix node version not updating when using nvm on mac

How to install PostgreSQL on macOS

Install postgresql on macos using homebrew

How to add SASS to a create-react-app Project?

Learn how to add SASS or SCSS based styling in a React App bootstrapped with create-react-app

Setup a modern JavaScript project with Webpack 5

How to setup a mordern javascript application with Webpack 5 in 2021

How to create a starter template for a Next.js app?

Learn to build a Next.js starter to get a headstart in development

NPM Semantic Versioning

The how and when to publish a new version of your npm package

What is the difference between i++ and ++i in JavaScript?

The subtle difference between i++ and ++i in javascript

Web Components

Create reusable custom elements with HTML, CSS and JavaScript

Outline vs Border in CSS

The difference between outline and border properties in CSS

display: none vs opacity: 0 vs visibility: hidden

The difference between using display: none vs opacity: 0 vs visibility: hidden in CSS

How to change the file extension of multiple files?

Change the file extension of multiple files with one line of code

How my website lists my latest GitHub Repositories?

Find out how I used GitHub API Endpoint to display my latest projects

Build a Netflix like custom Accordion

Learn to build an accordion that let you manage collapsable content very easily

Promise in Javascript

Dive deep into fundamentals of promises and learn how fetch works under the hood in Javascript

Asynchronous Javascript

Basics of Asynchronous Javascript, Event Loop and Web APIs

Object Destructuring in Javascript

Learn Object Destructuring with Tom and Jerry

Array Destructuring in Javascript

Introduced in ES6, destructuring in simple words is a way to decompose a structure into individual parts

Code in Pure React 🚀

Learn to use React but with no Webpack, no babel, no Parcel, no JSX, nothing but javascript

Separate your Javascript Access from CSS Selectors

A more intutive approach to select DOM elements. Just a heads up, it is not classes or Ids