Javascript

Javascript posts, videos, courses, and more

angelo.miranda

1 day 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
4
Select One:

Reed Barger

2 days 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
3
Select One:

Reed Barger

3 days 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
2
Select One:

Raunaq

4 days 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
3
Select One:

Savio Martin

6 days 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 πŸ™Œ
5
Select One:

Reed Barger

6 days 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
3
Select One:

Reed Barger

1 week 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
6
Select One:

Reed Barger

1 week 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
7
Select One:

Reed Barger

1 week 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
1
Select One:

Reed Barger

1 week 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
8
Select One:

Savio Martin

1 week ago

View Post

Creating an Image search app using Unsplash API with infinite scrolling πŸ“Έ

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 pumped to build an amazing Image search app using Unsplash API with infinite scrolling. So, let's get started ✌...
Creating an Image search app using Unsplash API with infinite scrolling πŸ“Έ
10
Select One:

Rahul

2 weeks ago

View Post

What is Currying in JavaScript?

Currying is a technique of evaluating function with multiple arguments, into sequence of function with single argument. Currying is a transformation of function that translates a function from callable as f(a, b, c) into callable as f(a)(b)(c). function curry(f) { return function(a) { return function(b) {...
What is Currying in JavaScript?
7
Select One:

Boyan Iliev

2 weeks ago

View Post

DOM Event Listeners

JavaScript is probably one of the most reliable and most powerful programming languages. But what takes JS to the next level is the DOM. The DOM stands for Document Object Model. In other words, with the DOM you can change the documents structure, style, and content. And with JavaScript doing that is very easy. Most of the websi...
DOM Event Listeners
7
Select One:

gaganjot singh

2 weeks ago

View Post

GREAT 20+ CSS TOGGLE EXAMPLE

If You Like This Article then check Out more Examples 50+ CSS Toggle Switches 1. Title:- Pure CSS Toggles Author:- Rafael GonzΓ‘lez Made With:- HTML CSS JAVASCRIPT {% codepen https://codepen.io/rgg/pen/waEYye %} 2. Title:- CSS Theme Switcher Author:- Michelle Barker Made With:- HTML CSS {% codepen https://code...
GREAT 20+ CSS TOGGLE EXAMPLE
9
Select One:

Savio Martin

2 weeks ago

View Post

40 Amazing Chrome Extensions for Web Developers and Designers

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 34 Must have chrome extensions for developers. These extensions are really helpful to developers and fasten...
40 Amazing Chrome Extensions for Web Developers and Designers
11
Select One:

Savio Martin

3 weeks ago

View Post

Use Local Storage in React - The fastest way! πŸš€

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 how you can use local storage in your React app. βš› Last week, I published an npm package that will make th...
Use Local Storage in React - The fastest way! πŸš€
9
Select One:

Sunil Joshi

4 weeks ago

View Post

6 Best React Dashboard Templates that you can Use in 2021

If you are looking for the best react dashboard template then either you’re building it for your own or you have a client to build a full-stack application for him. But, you don’t want to waste time, actually coding the HTML, CSS for the admin's section. Then you are at the right place, my Friend. Here in this article, we’ll pro...
6 Best React Dashboard Templates that you can Use in 2021
4
Select One:

Petre Popescu

4 weeks ago

View Post

Optimizing jQuery DOM manipulation

Article originally posted on my personal website at How to optimize jQuery DOM manipulation If you are working with JavaScript then most probably jQuery is a library you are using quite frequently. jQuery is useful and provides many features that are harder to achieve with basic JavaScript. Due to the fact that it usually runs o...
Optimizing jQuery DOM manipulation
3
Select One:

Savio Martin

1 month ago

View Post

Lets Build Live Markdown Editor in 5 minutes with React JS. βš‘πŸš€

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. Let's Build The Live Markdown Editor with React Js. Let's get Started ✌️πŸ”₯ Stuffs Required for making the project NPM (Node Packa...
Lets Build Live Markdown Editor in 5 minutes with React JS. βš‘πŸš€
9
Select One:

Savio Martin

1 month ago

View Post

111 amazing resources you're gonna love πŸ’–

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 100+ super amazing resources every developer are gonna love for sure πŸ’– I hope you'll enjoy this article. 3...
111 amazing resources you're gonna love πŸ’–
7
Select One:

Tony Lea

1 month ago

View Post

How to drag an element using javascript

While building out a new image generator, I needed a way to drag and move HTML elements inside of another element. Take a look at what I was building below: This is actually the new Post Image Generator that you can use here on the DevDojo to generate some nice looking cover images πŸ˜‰. Let's cover how we can easily add this func...
How to drag an element using javascript
5
Select One:

Tony Lea

1 month ago

View Post

My first Reaction of React

In this tutorial, I want to show you the basics of how a React application works. I also wanted the chance to try it out myself πŸ€“. I consider myself more of a PHP/Laravel/VueJS developer; however, I thought I would give React a try and let you know my first impressions of this popular javascript framework. Simple React Example O...
My first Reaction of React
7
Select One:

Boyan Iliev

1 month ago

View Post

Array Methods And Callbacks In Javascript

Introduction One of the most important things in JavaScript is arrays. 99% of the time, there is going to be an array in someone's JS script. If you look into someone else's code, you will likely see them use an array method or callbacks. Callbacks are functions that get passed on to another function as an argument. These method...
Array Methods And  Callbacks In Javascript
5
Select One:

Sam

1 month ago

View Post

Some techniques to optimize react application

Optimization is the selection of the best element from some set of available alternatives. React allows us to build encapsulated components that manage their own state, then composes them to make complex UIs. These components make up small parts of our UI. This means a lot of times we unintentionally create redundant components...
Some techniques to optimize react application
3
Select One:

Ponmani_Geek

1 month ago

View Post

Master the this keyword in javascript today!

This keyword in Javascript In Javascript, what does this keyword refer to? The this keyword refers to the current execution context. The execution context can vary based on different things; let's learn together in this article. The this keyword in javascript may be the most confusing part for many developers to understand, but...
Master the this keyword in javascript today!
4
Select One:

Taimoor Sattar

1 month ago

View Post

9 tips for better Code with JavaScript

Javascript is a language that's understood by the browser. It is used to load dynamic content without refreshing the page. It would help if you made your Javascript code more readable in fewer lines of code. We have listed out some of the recommended ways to get more ways to write javascript code: Use Template literals Template...
9 tips for better Code with JavaScript
4
Select One:

Boyan Iliev

1 month ago

View Post

JavaScript Loops And How To Use Them

Introduction When most people get asked if they know all the loops in JavaScript, the usual answer is 'The while and for loop. I know them all!'. Well, what if I told you that these aren't the only ones. There are five in total JS loops. In this post we are going to see every one of these loops in action and when you are going t...
JavaScript Loops And How To Use Them
4
Select One:

krissanawat101

1 month ago

View Post

Submit Data to FakestoreAPI With React Form

In previous tutorial articles, we learned about adding React Table with multiple functionalities, adding React Modal, and React Form to React ecosystem. Now, this tutorial article will feature the combination of all three tutorials. The main goal of this article is to bring all of the previous stuff that we have learned together...
Submit Data to FakestoreAPI With React Form
3
Select One:

Bello Noah

2 months ago

View Post

What is React?

This article is sponsored by Flutterwave - Flutterwave is the easiest way to make and accept payments both online and offline from customers anywhere in the world. It is absolutely free! React happens to be the most popular JavaScript framework sourced from Stack Overflow Developer Survey (2020). It is the best alternative to...
What is React?
3
Select One:

Sam

2 months ago

View Post

How to convert an Array into a Comma-Separated List in JavaScript

In this article, we'll cover how to convert an array into a comma-separated list in Javascript using either the toString() or join() methods. Let's get it started! toString() We'll go over the toString() method first, which will result in the formation of a string concatenated by commas. Here's what the code looks like: const ar...
How to convert an Array into a Comma-Separated List in JavaScript
2
Select One:

Loading More Content

Back to DevDojo