Oct 15, 2022
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.
Oct 15, 2022
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
Oct 15, 2022
How to detect dark mode theme in React Material UI
You will learn to apply React material ui useMediaQuery() hook to detect dark mode theme
Oct 15, 2022
How to create a custom theme in React Material UI
Learn to create a customize theme in React Material UI
Oct 15, 2022
How to get React material ui theme object in function components
Learn to get the React Material UI theme object in function components using the useTheme hook
Oct 11, 2022
How to hide clear button of Autocomplete in React Material UI
Learn to hide the clear button of Mui Autocomplete
Sep 20, 2022
How to change button text on click in React
This tutorial is about changing the text of button when clicked on it in React
Sep 16, 2022
How to get the size of a file in React
Learn to get the size of an image file before uploading it to the server using React.js
Sep 7, 2022
How to disable a select field in React
Learn to disable a select field and its option in react using useState() hook and the disabled property
Aug 2, 2022
How to disable a link tag in React
Learn to use css and javascript ways to disable link tags in React
Aug 2, 2022
How to accept only image files in react file upload
This tutorial will help to develop a react file upload component that accepts only image files
Jan 20, 2022
How to create a csv file from response data in React
Create and export a csv file from the response data results in React using react-csv
Nov 3, 2021
How to change Typography color in React Material UI
Learn to set a different text color to the Typography component in React Material UI
Nov 2, 2021
How to add custom typography variants in React material UI
Learn to create and use your own typography custom variants in your React Material UI
Oct 9, 2021
How to upload files in React using Axios
Learn to upload files in React using Axios post method
Oct 1, 2021
How to handle and manage radio buttons state in React
Learn to handle and manage radio buttons state in React without using any 3rd party form libraries
Aug 1, 2021
How to submit form data in post request using axios
Learn to submit form data in HTTP post request using axios
Jun 27, 2021
How to reset input fields in React
Learn how you can reset input fields in controlled components and in uncontrolled components
Jun 15, 2021
How to set a default route in React Router
Learn to set a default route in React Router using the Redirect component
Jun 15, 2021
How to pass state data in React Router
Learn how you can pass data between the routes using the react-router-dom library
Jun 14, 2021
How to use Material UI icons in React Material UI
Learn to import and use material-ui icons in React components
Jun 14, 2021
How to conditionally disable an input field in React
Learn to conditonally disable an input field in React
Jun 11, 2021
How to achieve conditional routing in React
Learn to conditionally route between components in React using react-router-dom
Jun 8, 2021
How to add multiple class names in React Material UI
Learn to add multiple class names in React Material UI using clsx library
Jun 6, 2021
How to pass arguments to event handlers in React
Learn to pass one or arguments to event handler functions in React
May 30, 2021
How to trigger button onclick event on Enter key press in React
Learn to submit a React form by triggering submit button click on Enter key press
May 28, 2021
How to conditionally apply class names in React JS
A couple of approaches to condtionally apply class names in React JS
May 28, 2021
How to conditionally add props to React component
Learn to conditionally add or remove props to React components using JavaScript ternary operator
May 23, 2021
How to get query string of a current URL in React
Learn to create a custom hook to get query string of a URL in React
May 21, 2021
How to update parent state from child in React
Learn to update parent component state from child components in React
Jan 3, 2021
How to autofocus an input element in React using useRef() hook
Learn to focus JSX elements in React function component using the useRef() hook
Dec 5, 2020
Call parent component method in a child component in React and Typescript
How to call a parent component method in a child component in React and Typescript
Dec 2, 2020
How to embed a Youtube video in React
Embed a Youtube, Facebook, Twitch or any other external video on your React app using react-player
Nov 29, 2020
How to pass props to the makeStyles API in React Material UI
Learn how to pass a component props to the makeStyles API in React Material UI that dynamically change the style property
Nov 29, 2020
How to pass React components as props in TypeScript
Learn how you can pass an entire component as props in React and TypeScript
Nov 25, 2020
How to scroll to the bottom of JSX elements in React
How to scroll to the bottom of a JSX element using useRef() hook
Nov 22, 2020
How to scroll to top of the page in React
Scroll to the top of the page in React using useEffect() react hook
Nov 21, 2020
How to write React function components in Typescript
Learn to write strongly type React function components in TypeScript
Nov 15, 2020
How to submit a login form in React using React hook
Learn how to submit a controlled login form in React using html form onSubmit attribute
Nov 8, 2020
How to show and hide components in React using React Hook
Learn to conditionally show and hide components in React using useState hook
Nov 7, 2020
How to import CSS from the public folder in React
Import a css file from the public folder in React
Nov 7, 2020
How to make React Material UI Typography bold
Learn to change the font-weight of the React Material UI Typography component to bold
Nov 2, 2020
How to change font family of typography in React Material UI
Learn to change the font family of React Material UI Typography
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 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 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 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 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 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.
Aug 29, 2020
How to conditionally render React components using React hooks
You will learn 3 ways to conditionally render components in React
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
Apr 12, 2020
Personal Blog Built using Nextjs and TypeScript
Things to consider when building a personal blog website with React