Join 30,338 other Developers as we Learn, Build, and Grow Together.

Connect with fellow developers and gain access to tools that will help you build a profitable SaaS πŸš€

Sign Up

React

React posts, videos, courses, and more

A Very Useful Git Command For Searching Text

A Very Useful Git Command For Searching Text

In this article, we will see a very useful command to search for a particular text inside your project. Many times when working on code, you want to find out where in the repository a particular text is used, either to replace it with other text or for debugging purpose. If you try to use a global search in your favorite IDE lik...

Yogesh Chavan

1 week ago

7
Select One:
Quickly remove node_modules folders from your system to free up disk space

Quickly remove node_modules folders from your system to free up disk space

Whenever, we are working with React, Angular, Nodejs or any other library or framework, a node_modules folder gets generated when we install the dependencies which takes up a lot of space and we don’t bother to remove the node_modules folder once our job is done. So we end up creating many node_modules folders in various projec...

Yogesh Chavan

1 week ago

7
Select One:
Understanding Closures in JavaScript

Understanding Closures in JavaScript

Introduction In this article, we will learn about closures in JavaScript. Every JavaScript developer should be aware of closures as it's the most frequently asked interview question as well as understanding it clearly will help you to avoid creating bugs in your code. So let's get started. What is closure? Before diving into clo...

Yogesh Chavan

2 weeks ago

6
Select One:
Using Serverless Redis as Database for Netlify Functions

Using Serverless Redis as Database for Netlify Functions

In this tutorial, we'll see how we can use Redis as a database for caching purposes to load the data faster in any type of application. So let's get started. What is Redis Redis is an in-memory data store used as a database for storing data Redis is used for caching purpose. So If your API data is not frequently changing then we...

Yogesh Chavan

2 weeks ago

5
Select One:
15 amazing websites for UI inspirations πŸ’–

15 amazing websites for UI inspirations πŸ’–

Hello Geeks πŸ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, I'll share the top 15 sites which I use to get mood boards or to get inspiration for the design. I hope you'll like these o...

Savio Martin

3 weeks ago

6
Select One:
A Curated List of Free APIs For Your Next Project

A Curated List of Free APIs For Your Next Project

Public APIs This GitHub repository contains a ton of free APIs related to various categories like Games, News, Weather, Food & Drink etc. So don't miss this out! Chuck Norris Jokes API This is a free JSON API for hand-curated Chuck Norris facts. Genius API Using this API you can search for song lyrics and their meanings....

Yogesh Chavan

3 weeks ago

7
Select One:
How I Made $408 on Codementor In One Month

How I Made $408 on Codementor In One Month

I joined the Codementor as a mentor on 20th May 2021. To get accepted as a mentor on Codementor you need to show that you're capable of providing mentorship. For this, after joining Codementor, you need to provide your LinkedIn profile and GitHub profile URL. It takes some days to get accepted as a mentor. Because I regularly po...

Yogesh Chavan

3 weeks ago

6
Select One:
Create a Search Filter in React from Scratch πŸ”Ž

Create a Search Filter in React from Scratch πŸ”Ž

Hello Folks πŸ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, Let's learn how you can create a well-efficient search filter in React ✌️. So, let's start! Create React App First of all,...

Savio Martin

4 weeks ago

8
Select One:
Easily Update NPM Packages Without the Fear of Breaking the Application

Easily Update NPM Packages Without the Fear of Breaking the Application

In this article, we'll explore how you can easily update npm packages used in your application without worrying about breaking the application functionality. So let's get started. Semantic Versioning Semantic versioning is such an important thing that, every developer needs to understand it whether you are a Node, React or Angul...

Yogesh Chavan

1 month ago

4
Select One:
A Step-by-Step Guide to Create and Publish npm Package

A Step-by-Step Guide to Create and Publish npm Package

Introduction In this tutorial, you will create your own npm package and publish it to the npm repository. By doing this, you will understand: How to create an npm package How to install it locally before publishing to test its functionality How to install and use the published package using ES6 import syntax or using Node.js re...

Yogesh Chavan

1 month ago

8
Select One:
How to Display Formatted Date in JavaScript Without Using Any External Library

How to Display Formatted Date in JavaScript Without Using Any External Library

In most of the applications, we need to display a formatted date like 18 June 2021 or 06/18/2021 along with the time. So we normally use moment.js or date-fns or day.js library to get that done. But using an external library adds a lot of extra code to the final size of the application. For example, the moment.js npm library is...

Yogesh Chavan

1 month ago

5
Select One:
Setup Email Authentication with Reset option in React App πŸš€

Setup Email Authentication with Reset option in React App πŸš€

Hello Folks πŸ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, Let's learn how you can set up Email Authentication with reset password option in your React App πŸš€. So, be with me! Let's c...

Savio Martin

1 month ago

7
Select One:
Create a Dark Mode toggler with Tailwind ⚑️

Create a Dark Mode toggler with Tailwind ⚑️

Hello Folks πŸ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, I'll show you the easiest and the effective way to set up dark mode toggler in your tailwind app. πŸš€. So, be with me! Let's...

Savio Martin

1 month ago

4
Select One:
JavaScript Basics: Truthy and Falsy values in JavaScript

JavaScript Basics: Truthy and Falsy values in JavaScript

Do you know that JavaScript has a set of pre-defined falsy values? Truthy and Falsy values are the non-boolean values that are coerced to true or false when performing certain operations. The following are the only eight values that are considered as falsy values in JavaScript. false undefined null "" NaN 0 -0 0n A...

Yogesh Chavan

1 month ago

6
Select One:
List of Handy Regular Expression Examples

List of Handy Regular Expression Examples

In this article, we will see some of the useful regular expressions which you can use in your real-world applications. Email validation ^[^@ ]+@[^@ ]+\.[^@ \.]{2,}$ ^[^@ ]+ => starts with the character which is not @ and space (one or more occurrence of character) @[^@ ]+ => then one single @ symbol and after that no @ sy...

Yogesh Chavan

1 month ago

6
Select One:
Navigation with React Router

Navigation with React Router

React Router is a simple library of React inside web app for handling routes. Here we will learn Navigation with React-Router. Basic routing with react-router-dom Let's see these two Components. const PageOne = () => { return ( <> <h1>Content One</h1> </> ) } const...

Rahul

1 month ago

4
Select One:
Extremely Useful Lodash Methods For JavaScript Developers

Extremely Useful Lodash Methods For JavaScript Developers

According to the State of Javascript 2020 Survey results, Lodash is the second most widely used utility library in the world as it provides a lot of methods that make coding easy and fast. In this article we will see, some of the most useful methods provided by lodash which makes coding easy. So let's get started. Installation...

Yogesh Chavan

1 month ago

5
Select One:
How to use debouncing to Improve the performance of the  search functionality

How to use debouncing to Improve the performance of the search functionality

In this article, we will see a very powerful and must-use technique to improve the performance of search functionality in the application. If we're making an API call to the server for every character typed in the input search box and the data returned by API contains a lot of data, let's say 500 or 1000 user records then it wil...

Yogesh Chavan

1 month ago

5
Select One:
Set Up Tailwind JIT In React - The fastest way! πŸš€

Set Up Tailwind JIT In React - The fastest way! πŸš€

Hello Folks πŸ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, I'll show you the easiest and the fastest way to set up Tailwind CSS in your React App. So, be with me! Lets code something...

Savio Martin

1 month ago

4
Select One:
JavaScript Array Sort Method and its Gotchas - Explained with Examples

JavaScript Array Sort Method and its Gotchas - Explained with Examples

In this article, we will see how to properly use the array sort method and learn common gotchas associated with it. So let's get started. The Array sort method sorts an array regardless of its data typeβ€Š-β€Šwhether it's a numbered array, string array, or complex array of objects. The sort method has the following syntax: array.s...

Yogesh Chavan

1 month ago

1
Select One:
How to send HTTP requests in React

How to send HTTP requests in React

In the tutorial, you will understand how to reach out to the web or connect your front-end with the backend in React, using a library called Axios. Let's see. Typically, when you send a request to the server from a React app, what it returns to you is JSON data. So, let's first explain to you what is JSON briefly. What is JSON?...

Rahul

1 month ago

7
Select One:
Super Useful Tips & Tricks for JavaScript Developers

Super Useful Tips & Tricks for JavaScript Developers

Quick way to mask numbers using slice and ES8 padStart method const creditCard = "4111111111114321"; // 16 digit credit card number const lastFourDigits = creditCard.slice(-4); // get last 4 digits // prepend * to lastFourDigits to make length equal to creditCard number length const maskedNumber = lastFourDigits.padSt...

Yogesh Chavan

2 months ago

3
Select One:
Setup Google, Github and Facebook Authentication in your React App πŸš€

Setup Google, Github and Facebook Authentication in your React App πŸš€

Hello Folks πŸ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, I'll show you the easiest and the fastest way to set up Google, Github and Facebook Authentication in your React App πŸš€. So,...

Savio Martin

2 months ago

7
Select One:
Redux for Beginners – Learn Redux with Code Examples

Redux for Beginners – Learn Redux with Code Examples

Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more. But every React developer should know the basics of how to work with Redux since industry projects often use Redux to man...

Yogesh Chavan

2 months ago

7
Select One:
The Most Useful JavaScript Array Methods Explained with Examples

The Most Useful JavaScript Array Methods Explained with Examples

If you're a JavaScript developer and want to improve your coding, then you should be familiar with the most commonly used ES5 and ES6+ array methods. These methods make coding a lot easier and also make your code look clean and easy to understand. So in this article, we will explore some of the most popular and widely used array...

Yogesh Chavan

2 months ago

2
Select One:
React for Beginners: The Complete Guide for 2021

React for Beginners: The Complete Guide for 2021

Welcome to the React for Beginners guide. It's designed to teach you all the core React concepts that you need to know to start building React applications in 2021. I created this resource to give you the most complete and beginner-friendly path to learn React from the ground up. By the end you will have a thorough understanding...

Reed Barger

2 months ago

5
Select One:
16 must-have Figma Plugins for UI/UX Designers

16 must-have Figma Plugins for UI/UX Designers

Hey there, I'm Savio Martin, A 14-year-old boy on an intention to enhance as a successful full-stack web developer. I love building full-stack web applications and mobile apps. I have proved my superiority in frontend technologies. I love to share my resources and expertise with the dev community. Today, I'm gonna share 16 must-...

Savio Martin

2 months ago

7
Select One:
What Is "Lifting State Up" in React?

What Is "Lifting State Up" in React?

Here is a simple, practical example of what the React concept of "lifting state up" is and how it can help you in building your applications. Lifting state up is a common pattern that is essential for React developers to know, because it helps us avoid more complex (and often unnecessary) patterns for managing our stat...

Reed Barger

2 months ago

4
Select One:
Set Up Tailwind In React - The fastest way! πŸš€

Set Up Tailwind In React - The fastest way! πŸš€

Hello Folks πŸ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, I'll show you the easiest and the fastest way to set up Tailwind CSS in your React App. So, be with me! Lets code something...

Savio Martin

2 months ago

5
Select One:
5 Ways to Fetch Data in React from a GraphQL API

5 Ways to Fetch Data in React from a GraphQL API

Let's go through the five best ways that you can fetch data with React from a GraphQL API. While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL. I've included code samples that show you how to fetch or "q...

Reed Barger

2 months ago

4
Select One:

Loading More Content