Suraj Sharma's Blog
Oct 3, 2020
How to get query params of a current URL in React
Learn to create a custom hook to get query params of a URL in React
Oct 2, 2020
How to add an item to a list in React
Learn to add an item to a state Array in React using the spread operator and the concat method
Oct 2, 2020
How to render a list of items in React
Learn to render a list of items in React using the Array.map() method
Sep 30, 2020
How to convert a boolean to a string in JavaScript
Learn to convert a boolean to a string in JavaScript
Sep 27, 2020
How to convert a string to a boolean in JavaScript
Learn to convert a string to a boolean in JavaScript
Sep 26, 2020
How to set a background image from the public folder in React
In this tutorial, I have discussed what the best way to set a /public folder image as a background image in React JSX
Sep 24, 2020
How to remove the last character of a string in JavaScript
In this tutorial, you will learn to remove the last character of a JavaScript string using the substring() and the slice() methods
Sep 24, 2020
How to handle an error in async await in JavaScript
In this tutorial, you will learn to handle an error in JavaScript async await
Sep 24, 2020
How to break out of the Array forEach method in JavaScript
In this tutorial, you will learn to break out of the array.forEach method in JavaScript
Sep 24, 2020
How to get the first element of an array in JavaScript
In this tutorial, I have discussed 3 ways to get the first element of a JavaScript array
Sep 21, 2020
How to autofocus an input element in React
In this tutorial, I have discussed how you can auto-focus an input element in a form in React using React class Component and functional Component
Sep 21, 2020
How to get the current URL and pathname in React
In this tutorial, I have discussed different ways to get the current URL and pathname in React - uselocation hook and window.location object
Sep 17, 2020
How to check if a value exists in an Array of Objects in JavaScript
2 JavaScript Array methods to check if a value is present in an array of objects; some() and find() methods.
Sep 16, 2020
How to deploy a create React app to Github pages for free
A practical guide on how to deploy or host your React app on Github Pages for free using 6 simple steps.
Sep 16, 2020
How to Disable a Button when an Input field is Empty in React
In this tutorial, I have discussed how you can use disabled attribute of a button element to disable the button when an input field is empty in React
Sep 15, 2020
How to add google analytics to a Next.js website
In this tutorial, I have discussed how you can add google analytics to your Next.js website
Sep 14, 2020
How to check if a String starts with a Substring in JavaScript
In this tutorial, I have discussed 4 ways to check if a JavaScript string starts with a substring
Sep 12, 2020
How to add a custom font in React Material UI
In this tutorial, I have discussed how you can add a custom font and override the React Material UI font.
Sep 12, 2020
How to check if an Array includes a value in JavaScript
In this tutorial, I have discussed 5 ways to check if an JavaScript array includes a value
Sep 10, 2020
How to convert a Decimal to a Hexadecimal in JavaScript
I have discussed how you can convert a decimal to a hexadecimal and a hexadecimal to a decimal number using toString and parseInt methods respectively.
Sep 9, 2020
How to build a dark mode theme in React Material UI
A practical guide on how to create a custom ThemeProvider component to switch between light mode and dark mode theme in React material UI
Sep 9, 2020
How to build a React Login Form with Typescript and React hooks
A practical guide on how you can create a react login form and form validation with Typescript, React hooks and Material UI
Sep 8, 2020
How to check if a string contains a substring in JavaScript
In this tutorial, I have discussed how to check if a sting contains a substring in JavaScript using includes() and indexOf() methods
Sep 7, 2020
How to merge two or more arrays in JavaScript
In this tutorial, I have discussed two ways to merge two or more arrays in JavaScript
Sep 7, 2020
How to change the default port of a Svelte.js app
I have discussed two ways to change the default port of a Svelte app
Sep 7, 2020
How to uppercase the First Letter of a String in JavaScript
Uppercase the first letter of a sting in JavaScript using slice() and toUpperCase() methods
Sep 6, 2020
How to dynamically set Meta Title Tag in React
Created a custom React component with React Helmet to dynamically set a page meta title tag.
Sep 5, 2020
How to Repeat a String in JavaScript
4 best ways to repeat a string for N number of times in JavaScript, using Array.join(), string.repeat(), for loop, and recursion
Sep 3, 2020
How to convert an Array to a String in JavaScript
4 different ways to convert an array to a string in JavaScript - forEach, join, reduce, and toString methods.
Aug 29, 2020
How to conditionally render React components using React hooks
You will learn 3 ways to conditionally render components in React
Aug 27, 2020
How to conditionally apply class names in React JS
A couple of approaches to condtionally apply class names in React JS
Aug 26, 2020
How to loop through an array of objects in React
for-of loop and array.map() method, a practical guide on how to loop through an array of objects in React
Aug 21, 2020
4 best free website hosting sites for Javascript developers (no credit card required)
From Github Pages to Netlify, 4 best free websites hosting sites for Javascript developers.
Apr 12, 2020
Personal Blog Built using Nextjs and TypeScript
Things to consider when building a personal blog website with React