Welcome to Web Crafters!
I'm Lucky Rawat, a passionate software developer with over 4+ years of experience in the field. On this channel, I share daily content focused on creating responsive UIs using Angular, React, and other modern web development technologies. Whether you're a beginner or an experienced developer, you'll find tutorials, tips, and tricks to enhance your skills and build amazing web applications.
Join our community, and let's code beautiful UIs together!


Web Crafters

React useFetch Hook

A clean example of a reusable useFetch custom hook in React. Handles loading, error, and data with ease.

1 month ago | [YT] | 4

Web Crafters

What is the output of the following code?



var status = "😎 Global";

function showStatus() {
console.log("1:", status);

setTimeout(() => {
console.log("2:", status);
}, 0);

if (false) {
var status = "❌ Block";
}

console.log("3:", status);
}

showStatus();

5 months ago | [YT] | 0

Web Crafters

6 months ago | [YT] | 0

Web Crafters

What is the output of the following code?

class Calculator {

static add(a, b) {
return a + b;
}
}

console.log(Calculator.add(2, 3));

9 months ago | [YT] | 0

Web Crafters

Smooth scroll

9 months ago | [YT] | 2

Web Crafters

3 Powerful CSS Functions You Need to Know

9 months ago | [YT] | 3

Web Crafters

Custom hover Effect

9 months ago | [YT] | 3

Web Crafters

Smarter layouts with display : contents

9 months ago | [YT] | 2

Web Crafters

What is the output of the following code?

class Counter {
constructor() {
this.count = 0;
}
increment() {
this.count++;
}
}

const counter1 = new Counter();
const counter2 = new Counter();
counter1.increment();
console.log(counter1.count, counter2.count);

9 months ago | [YT] | 0

Web Crafters

What is the output of the following code?

class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a noise.`);
}
}

class Dog extends Animal {
speak() {
console.log(`${this.name} barks.`);
}
}

const dog = new Dog("Rex");
dog.speak();

9 months ago | [YT] | 0