javascript

Create a globally executable javascript file

Gagandeep Singh
We will understand and see how to create an executable javascript file using a global command. Lets say for example you want to create a clone of ‘ls’ or ‘cmd’ command which shows the content of the current folder or from the path provided. To acheive that we need to have a global command. To acheive this we need to do couple of things and need to have 2 files (index.

Using pre-commit hook in package.json

Gagandeep Singh
One of the traits of someone who follows or moving towards a good coding practice environment is making sure that you are not pushing the code which may have linting issues and/or failing unit tests. Adding a pre-commit hook forces to check the lint and run unit tests (or any other script) to be sure that everything is good before committing changes. npm i --save-dev pre-commit Next step is to update the package.

undefined and null in Javascript

Gagandeep Singh
undefined In Javascript undefined (a primitive type in Javascript) gets assigned to a variable that we declare but don’t assign a value to. It’s Javascript’s way of telling that the value of this variable is not defined. Even a function in Javascript which does not return anything, will return undefined by default. So, to avoid any error we should never assign undefined to a variable manually. typeof undefined; outputs: undefined; null Unlike undefined, null (another primitive type in Javascript) is used when we want to manually or intentionally set the value of a variable to be empty.

Using useState hook with the previous state

Gagandeep Singh
Let’s take a very basic use case of the useState() hook; updating the count variable on each click. The code look perfectly fine and will work as expected in almost every time. BUT the issue with this code is that setCount() doesn’t guarantee that the previous count that it’s going to use to either increment and decrement to get the next state will be the latest one. To make sure that we always use the latest previous state for calculating the new state, we need to pass a callback function in the setCount rather than directly doing computation inside it.

Browser storage (overview)

Gagandeep Singh
Storing data on the machine of the user Data is available to the user on that particular machine and hence cannot be shared with anyone else Example: Storing data such as items in my shopping cart or recently viewed products Different types of browser storage options available are: Local storage / Session storage Cookies IndexedDB Local Storage /Session Storage key-value pairs to store data data can read/write from/to local or session storage only via javascript or user better for storing simple values and not for storing complex values Cookies simple key-value pairs with some configuration options can be cleared by using javascript or by the user data in the cookies is send to the server (they are attached to the headers of the http request) not good for complex data IndexedDB client side database can be used with a query language good for storing complex data on client side can be cleared by user or javascript