Get 20% off pro plans when learning with Scrimba: https://scrimba.com/?via=pedrotech

Dive into the ultimate React hooks guide for 2025! This video covers every React hook, including new additions and deprecated ones, providing real-world examples and best…

Dive straight into React—from basic JSX to advanced hooks—and build a real, modern app in this hands-on crash course!

Hostinger: https://jsm.dev/react25-hostinger
Appwrite: https://jsm.dev/react25-appwrite
WebStorm: https://jsm.dev/react25-webstorm

🎁 Video…

My React course: https://reactbootcamp.dev

Chapters

0:00 - Intro
0:11 - Components
0:29 - JSX
1:02 - Curly Braces
1:29 - Fragments
1:49 - Props
2:20 - Children
2:54 - Keys
3:27 - Rendering
4:34 - Event Handling
5:05 - State
5:54 - Controlled Components…

🚀 Master GSAP. Build the GTA VI site. Launch discount live → https://jsm.dev/cocktail-gsap

In this GSAP Crash Course, you'll learn how to build an immersive cocktail website with scroll-synced video playback and cinematic animations. We'll use React and…

Perhaps the easiest way to offer that to the user is a link that targets an ID on the element. So like...

From CSS background parallax to mouse-based effects, see how parallax scrolling works — with 10 website examples and tips for building your own.

The books, courses, and resources I used in my journey.

How does Framer Motion make layout changes look seamless? In this post, we're taking a deep dive into FLIP, the technique used by Framer Motion to animate changes in layout without sacrificing performance.

Collection of UI components. Contribute to Ali-Hussein-dev/indie-ui development by creating an account on GitHub.

React, a popular JavaScript library for building user interfaces, provides a powerful and flexible way to create dynamic and reusable…

Drop shadows. Web designers have loved them for a long time to the extent that we used to fake them with PNG images before CSS Level 3 formally introduced

A quick trick: add a pseudo-element and animate it with CSS transitions on hover.

One way to optimize your site's speed and performance is by using WebP image files. These are a modern image format that offers numerous advantages over traditional formats like JPEG and PNG.

Looking for similar npm packages? Use Npm Compare (npm-compare.com) to compare package features, popularity, npm trends, and discover alternatives.

This article explores the different methods you can use to import and use SVGs in a Next.js application.

Reponsive & Modes supported dashboard templates built with Mantine UI - devshinthant/mantine-boards

A high-quality & reliable React Hooks library. https://alibaba.github.io/hooks/ - alibaba/hooks

React’s startTransition and useTransition Hooks allow you to create responsive apps by separating immediate UI renders and non-urgent updates.