Join 34,781 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

Beginners

Beginners posts, videos, courses, and more

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

3 months ago

5
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

3 months 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

3 months ago

6
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

3 months 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

3 months ago

5
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

3 months ago

1
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

3 months ago

3
Select One:
Scope in JavaScript: Function, Block, Lexical, Global

Scope in JavaScript: Function, Block, Lexical, Global

A scope defines the lifetime visibility of a variable. Variables are not visible outside the scope in which they are declared. Types of Scope in JavaScript Module Scope Function Scope Block Scope Lexical Scope Global Scope Module Scope A variable declared outside any function fall in the global scope. In a module, when a vari...

Rahul

4 months ago

5
Select One:
Flexbox Cheatsheet

Flexbox Cheatsheet

Flexbox is amazing. It has changed how we write the CSS and it provides built-in support for responsiveness. So all the responsiveness of your website is handled by flexbox making it easier to create websites. Flexbox is used for building one-dimensional layouts. If you have used the Bootstrap framework for making responsive d...

Yogesh Chavan

4 months ago

3
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

4 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

4 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

4 months ago

5
Select One:
Secrets to using REM in CSS: CSS Tips

Secrets to using REM in CSS: CSS Tips

As device sizes proceed to wander and programs give more client alternatives, utilizing static units simply doesn't cut it any longer. Some such countless individuals set their browser inclination to bigger content with no impact on the sites they visit. While pixels will permit clients to zoom in and out, their content settings...

Emma Turner

4 months ago

4
Select One:
6 small Career advice for CodeNewbies

6 small Career advice for CodeNewbies

These are my main 6 advices for any individual who is figuring out how to code or simply beginning in an engineer career. I trust you track down these valuable and in the event that you have anything to add leave it in the remarks beneathπŸ˜‰. If you're interested in learning to code or if you're just starting out in a coding car...

Emma Turner

4 months ago

7
Select One:
What are functions in JavaScript: Beginners

What are functions in JavaScript: Beginners

In this section, we cover functions, what they are utilized for and how to keep in touch with them. A function is a way to encapsulate a portion of your code so a specific action can e reused and called on to run at a specific time. Declaration An example of what the syntax to declare a function looks like. function name (param...

Rahul

4 months ago

5
Select One:
Speed Up Your Coding in React By Making These Changes in Visual Studio Code

Speed Up Your Coding in React By Making These Changes in Visual Studio Code

In this article, we will see some of the settings you can do in Visual studio code to improve your productivity a lot when working with React. So let's get started. Enable emmet for React If you are HTML/CSS developer, then you might already be aware of the emmet plugin. It provides autocompletion for HTML and CSS code by reduci...

Yogesh Chavan

4 months ago

4
Select One:
A complete guide to Array destructuring | JavaScript

A complete guide to Array destructuring | JavaScript

Destructuring in JavaScript is a worked on technique for extricating different properties from a cluster by taking the structure and deconstructing it down into its constituent parts through tasks by utilizing a grammar that seems to be like array literals. Syntax:- const rgb = [255, 200, 0]; // array destructuring const [red,...

Rahul

4 months ago

7
Select One:
 20+ Ultimate CSS Tricks and SASS Shorthands for code efficiency

20+ Ultimate CSS Tricks and SASS Shorthands for code efficiency

CSS may look exhausting, and not very many individuals can dominate it the correct way. So in this post we've written about 20+ CSS tricks and tips you should know also SASS mixins shorthand you should know. Notwithstanding, it is an expertise that can give you an incredible upper hand over different designers. On the off chanc...

DevWriteUps.com

4 months ago

6
Select One:
Conditional logic: JavaScript for Beginners

Conditional logic: JavaScript for Beginners

On the off chance that statements are normally utilized in JavaScript for conditional logic and can be pretty much as basic or intricate as required. In any coding language, you will often need to perform different actions based on certain condition. To figure out which action to take you would use an if statement and in this qu...

Rahul

4 months ago

5
Select One:
Getting started with React Router

Getting started with React Router

React Router is the standard routing library for React. It has a simple API with all the powerful features like lazy code loading, dynamic route matching and location transition handling built-in. It allows us to create a multi-page feel in a single page application. Let's see an example to understand the basic usage of React ro...

Rahul

4 months ago

4
Select One:
What are Classes in JavaScript? Using Classes in JavaScript

What are Classes in JavaScript? Using Classes in JavaScript

{% bmc rahxuls %} Classes were introduced in JavaScript ECMA2015. Unlike the classes in Object-Oriented Mode, JavaScript classes are just special type of functions. But instead of using the "function" keyword we use the "class". It was introduced in JavaScript to make the syntax look like other object-oriente...

Rahul

4 months ago

5
Select One:
Types of Errors in JavaScript

Types of Errors in JavaScript

{% buymeacoffee rahxuls %} There are different types of errors thrown from JavaScript, So we need to know few things to understand about the error. What type of error it is? Error description or cause or error Location of error and its stack trace In this brief post, we'll discuss the same. How to handle error from Crash? Err...

Rahul

4 months ago

5
Select One:
15 beginner only HTML and CSS mistakes

15 beginner only HTML and CSS mistakes

I have rounded up some of the HTML and CSS Mistakes I've made and you don't have to. These are some beginner mistakes, don't judge meπŸ˜‚. HTML MISTAKES No matter what stack or framework you use, it all compiled to HTML in your browser. Therefore, it's important to make sure it's right! This list highlights top HTML mistake and ho...

Rahul

5 months ago

9
Select One:
How (and Why) You Should Post on DevDojo Today

How (and Why) You Should Post on DevDojo Today

Today I want to share a great new developer community that you can use to share your blog posts and knowledge that you want to make available to others. This community is called DevDojo. I want to share it with you because I believe it has everything blogging sites like Dev and Hashnode have, plus many more features that can acc...

Reed Barger

5 months ago

9
Select One:
The React Router Cheatsheet: Everything You Should Know

The React Router Cheatsheet: Everything You Should Know

If you're building React applications for the web, you're going to need to use a dedicated router to display pages and navigate your user around them. That's why today we're going to go over the most popular and most powerful router for React applications--React Router. We're going to go over 11 of the essential features you nee...

Reed Barger

5 months ago

8
Select One:
5 Things Every React Developer Should Know About State

5 Things Every React Developer Should Know About State

One of the most important concepts for every React developer is state--what it is, how to properly use it, and to avoid common pitfalls as your build your applications. Let's cover five of the most essential parts of state that you need to know, each of which build upon each other to aid your overall understanding of a somewhat...

Reed Barger

5 months ago

5
Select One:
5 Key Lessons React Tutorials Don't Teach

5 Key Lessons React Tutorials Don't Teach

There are many essential concepts and lessons that React developers need to know that simply aren't covered in most tutorials. I have handpicked the topics I believe are some of the most important for you to know, but few articles have dedicated the time to cover in detail. Let's take a look at five key React lessons worth knowi...

Reed Barger

5 months ago

6
Select One:
Is React a Library or a Framework? Why It Matters

Is React a Library or a Framework? Why It Matters

Developers have spent a great deal of time what React is, but have left out why this topic matters so greatly for anyone who builds React applications. The answer to this question is essential for any React developer, regardless of their skill level, because it indicates what they must know and how they must work in developing a...

Reed Barger

5 months ago

8
Select One:
The React Tutorial for 2021: A Complete Guide

The React Tutorial for 2021: A Complete Guide

Welcome to a tutorial made to help you become effective with React as quickly as possible as you build a complete application along the way. As compared to many tutorials you might have gone through before, this one is meant to be thoroughly practical from start to finish. You will learn how to create an entire React application...

Reed Barger

5 months ago

8
Select One:
The React Roadmap 🏁 10 Steps to Become a React Developer in 2021

The React Roadmap 🏁 10 Steps to Become a React Developer in 2021

Learning how to become a confident React developer takes hard work, but not knowing the right way to become one can make it much harder. Learning React doesn't have to be a chore. Let's break down the 10 steps that will make your time and effort becoming a React developer easier and more fun. All while delivering consistent, car...

Reed Barger

5 months ago

9
Select One:

Loading More Content