Javascript

Javascript posts, videos, courses, and more

Rahul

19 hours ago

View Post

What is Shallow Copy and Deep Copy in JavaScript?

{% bmc rahxuls %} Hey guys in this latest post we will understand about Shallow Copy and Deep Copy in JavaScript in a very easy way. I was writing this post from the last 5 days(on my phone) and I completed it fully. I think you can make a benefit from it. In my ongoing long journey of JavaScript, I have discovered many things a...
What is Shallow Copy and Deep Copy in JavaScript?
2
Select One:

Reed Barger

3 days ago

View Post

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...
What Is "Lifting State Up" in React?
2
Select One:

Savio Martin

4 days ago

View Post

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...
Set Up Tailwind In React - The fastest way! πŸš€
5
Select One:

Reed Barger

5 days ago

View Post

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...
5 Ways to Fetch Data in React from a GraphQL API
3
Select One:

Rahul

5 days ago

View Post

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...
What are functions in JavaScript: Beginners
4
Select One:

Loc Bui

5 days ago

View Post

Combine an object with an array

This is one of the problem I have encountered during my latest project at work. So basically, I have a huge object contained a lot of keys and values of different contexts that were going to be used for multi-language on an mobile app const object = { title.welcome: "Hello", content.welcome: "Welcome to the app&...
Combine an object with an array
2
Select One:

Yogesh Chavan

1 week ago

View Post

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...
Speed Up Your Coding in React By Making These Changes in Visual Studio Code
3
Select One:

Rahul

1 week ago

View Post

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,...
A complete guide to Array destructuring | JavaScript
5
Select One:

Rahul

1 week ago

View Post

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...
Conditional logic: JavaScript for Beginners
4
Select One:

Rahul

1 week ago

View Post

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...
Getting started with React Router
3
Select One:

Rahul

1 week ago

View Post

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...
What are Classes in JavaScript? Using Classes in JavaScript
5
Select One:

Raunaq

1 week ago

View Post

Command Line Job Search Application using Node.js

Introduction In this post, we'll build a command line job search application using Node. It's a JavaScript runtime that allows the JavaScript code to run outside the browser. We'll use the GitHub Jobs API to fetch data and present it in a tabular format on the command line interface. We'll focus on the following three scenarios...
Command Line Job Search Application using Node.js
2
Select One:

Savio Martin

1 week ago

View Post

34 Ultimate VS Code Extensions to Increase Productivity! πŸ’ͺ

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'm gonna show you 34 ultimate VS Code extensions to improve your productivity. I'm pretty sure you'll enjoy this huge list...
34 Ultimate VS Code Extensions to Increase Productivity! πŸ’ͺ
5
Select One:

Boyan Iliev

2 weeks ago

View Post

Introduction To JavaScript Promises

Introduction A Promise is an object representing the eventual completion or failure of an async operation. A promise is a returned object to which you attach callbacks, instead of passing callback into a function. new Promise In order to make a new Promise you need to write new Promise and then it will expect you to pass in a fu...
Introduction To JavaScript Promises
7
Select One:

Rahul

2 weeks ago

View Post

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...
Types of Errors in JavaScript
4
Select One:

Rahul

2 weeks ago

View Post

What is Promisification in JavaScript? A brief guide

Promisification is a long keyword for a simple transformation. It's the conversion of a function that accepts a callback ito a function that returns a promise. Such transformation are often required in real-life, as many function and libraries are callback-based. But promises are more convenient, so it makes sense to promisify t...
What is Promisification in JavaScript? A brief guide
6
Select One:

Tony Lea

2 weeks ago

View Post

Alpine JS v3

Alpine version 3.0 will be coming soon! There is going to be an Alpine Day online event where the creator, Caleb Porzio, will be talking about some new things coming to Alpine as well as pushing the new version live! In this quick post, you can learn about some of the new features and how you can stay up-to-date about the latest...
Alpine JS v3
8
Select One:

Raunaq

2 weeks ago

View Post

Understanding the React useEffect() Hook

Introduction In the previous post, we looked at the useState() Hook that adds state to a functional component. We learned how to initialize, update and access state variables in a functional component using useState() Hook. In this post, we'll focus on the useEffect() Hook that let us perform side effects in functional component...
Understanding the React useEffect() Hook
7
Select One:

Savio Martin

2 weeks ago

View Post

Creating a super productive REST API in 30 seconds πŸ’ͺ

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'm super excited to share how you can build a super productive REST API in less than 30 seconds. It is good enough to have...
Creating a super productive REST API in 30 seconds πŸ’ͺ
8
Select One:

Reed Barger

2 weeks ago

View Post

How to Auto-Deploy Your React Apps with Cloudflare Pages

In this article, I'm going to show you how to very quickly deploy any React application with the help of Cloudflare pages. You'll see how to not only build and deploy your app within minutes using just a few tools, but also how to auto-deploy any future changes you make through your Github account. Want to make your own amazing...
How to Auto-Deploy Your React Apps with Cloudflare Pages
6
Select One:

angelo.miranda

3 weeks ago

View Post

JavaScript Interview Questions and Answers you should know - Junior and Senior

It is important to be prepared prior to a job interview as you only have 1️⃣ chance to impress and convince the interviewers that you are the one they are looking for. Typically, you will meet up with different engineers who will ask very hard questions, and unfortunately, you will most likely not get the job πŸ€¦πŸ™… if one of them s...
JavaScript Interview Questions and Answers you should know - Junior and Senior
9
Select One:

Reed Barger

3 weeks ago

View Post

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...
The React Router Cheatsheet: Everything You Should Know
8
Select One:

Reed Barger

3 weeks ago

View Post

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...
5 Things Every React Developer Should Know About State
5
Select One:

Raunaq

3 weeks ago

View Post

Understanding the React useState() Hook

Introduction Hooks were introduced in React v16.8.0. Prior to that, if we had written a functional component and wanted to add state or make use of lifecycle methods to perform operations such as data fetching and manual DOM manipulation, the functional component had to be converted into class based component. However, introduct...
Understanding the React useState() Hook
6
Select One:

Savio Martin

3 weeks ago

View Post

25 Marvelous Resources to satisfy your image needs πŸ™Œ

Hello Devs πŸ‘‹ 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'm gonna share 25 Marvelous Resources to satisfy your image needs πŸ™Œ Free Illustration Resources. Open Peeps The library w...
25 Marvelous Resources to satisfy your image needs πŸ™Œ
10
Select One:

Reed Barger

3 weeks ago

View Post

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...
5 Key Lessons React Tutorials Don't Teach
6
Select One:

Reed Barger

4 weeks ago

View Post

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...
Is React a Library or a Framework? Why It Matters
8
Select One:

Reed Barger

1 month ago

View Post

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...
The React Tutorial for 2021: A Complete Guide
8
Select One:

Reed Barger

1 month ago

View Course

Build a Shopping Cart App with React, Node, and Stripe

Learn how to build a complete online store and shopping cart using React, Node and Stripe!The shopping cart app you build will feature:- A complete gallery of products that users can pick from- An attractive and responsive, mobile-first app design, ideal for all devices- Dedicated pages for each product, with several user a...
Build a Shopping Cart App with React, Node, and Stripe
2
Select One:

Reed Barger

1 month ago

View Post

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...
The React Roadmap 🏁 10 Steps to Become a React Developer in 2021
9
Select One:

Loading More Content

Back to DevDojo