Codevolution - Videos

Back to Channel

5 AI Coding Practices That Changed My Next.js Workflow

Build a Voice AI Interview Coach App in 30 Minutes (Next.js + Claude Code + ElevenLabs) Try ElevenLabs https://elevenlabs.io/ How to write CLAUDE.md https://www.builder.io/blog/claude-md-guide Be...

9,565 views • 361 likes • 47 comments • February 19, 2026

AI & I: Found a Cheat Code for Design (As a Developer)

This might be the best design tool for developers Become an AI Engineer with Scrimba https://scrimba.com/t0ai?via=Codevolution (Start Free, save 20% on Pro) Twitter - https://twitter.com/Codevol...

8,522 views • 456 likes • 59 comments • February 12, 2026

AI & I: Pivoting for 2026

AI & I: A new journey Follow me + Twitter - https://twitter.com/CodevolutionWeb Business - [email protected]

10,298 views • 891 likes • 112 comments • February 01, 2026

The React + AI Stack for 2026

The ultimate React stack for 2026. The best React libraries, tools, tips, and AI integration Let’s talk about how AI is changing the way we write code and why React has become the go-to choice for...

18,169 views • 1,021 likes • 67 comments • January 21, 2026

React 19 Tutorial - 38 - Manipulate the DOM with Refs

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

3,856 views • 121 likes • 36 comments • January 15, 2026

React 19 Tutorial - 37 - Refs and useRef Hook

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

2,836 views • 103 likes • 8 comments • January 15, 2026

Best AI Coding Tools for Developers in 2026

Become a Fullstack AI Engineer - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Try Builder.io & get 20% extra credits when you go Pro: https://builder.io/app/credits/redeem?code=...

70,041 views • 1,395 likes • 41 comments • January 05, 2026

10 Best React UI Libraries for 2026

A practical guide to the 10 best React UI component libraries for 2026, from full design systems to unstyled primitives and Tailwind-first libraries. Github - https://github.com/gopinav/React-19-T...

26,836 views • 925 likes • 38 comments • December 23, 2025

React 19 Tutorial - 36 - use API for Context

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

4,390 views • 133 likes • 18 comments • December 16, 2025

React 19 Tutorial - 35 - Context with State

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

3,259 views • 118 likes • 2 comments • December 16, 2025

React 19 Tutorial - 34 - Context and useContext Hook

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

4,317 views • 158 likes • 6 comments • December 15, 2025

React 19 Tutorial - 33 - The Prop Drilling Problem

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

2,959 views • 102 likes • 2 comments • December 15, 2025

React 19 Tutorial - 32 - useState vs useReducer

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

2,996 views • 118 likes • 4 comments • December 10, 2025

React 19 Tutorial - 31 - Implementing useState with useReducer

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

3,007 views • 90 likes • 9 comments • December 10, 2025

React 19 Tutorial - 30 - useReducer Lazy Initialization

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

3,088 views • 107 likes • 7 comments • December 09, 2025

React 19 Tutorial - 29 - useReducer (complex state and actions)

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

4,776 views • 136 likes • 19 comments • December 09, 2025

React 19 Tutorial - 28 - useReducer (simple state and action)

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

4,421 views • 130 likes • 8 comments • December 08, 2025

React 19 Tutorial - 27 - useReducer Hook

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

4,646 views • 131 likes • 3 comments • December 08, 2025

React 19 Tutorial - 26 - Sharing State Between Components

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

7,009 views • 200 likes • 12 comments • December 01, 2025

React 19 Tutorial - 25 - useState with Arrays

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

4,686 views • 173 likes • 1 comments • December 01, 2025

React 19 Tutorial - 24 - useState with Objects

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

4,764 views • 172 likes • 2 comments • December 01, 2025

React 19 Tutorial - 23 - How React Batches Updates

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

5,082 views • 174 likes • 10 comments • November 26, 2025

React 19 Tutorial - 22 - setState using Previous State

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

5,042 views • 174 likes • 4 comments • November 26, 2025

React 19 Tutorial - 21 - State as a Snapshot

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

5,520 views • 193 likes • 5 comments • November 25, 2025

React 19 Tutorial - 20 - How State Updates Work

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

5,443 views • 183 likes • 5 comments • November 25, 2025

React 19 Tutorial - 19 - Rules of Hooks

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

6,244 views • 197 likes • 8 comments • November 24, 2025

React 19 Tutorial - 18 - useState Hook

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

6,610 views • 211 likes • 6 comments • November 24, 2025

React 19 Tutorials - 17 - Introduction to State

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

6,263 views • 174 likes • 3 comments • November 24, 2025

React 19 Tutorial - 16 - Event Handlers as Props

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

8,168 views • 270 likes • 17 comments • November 17, 2025

React 19 Tutorial - 15 - Event Handling

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

7,129 views • 199 likes • 5 comments • November 17, 2025

React 19 Tutorial - 14 - Styling React Components

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

7,129 views • 212 likes • 9 comments • November 17, 2025

React 19 Tutorial - 13 - Index as Key Anti-Pattern

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

7,414 views • 235 likes • 8 comments • November 13, 2025

React 19 Tutorial - 12 - Lists and Keys

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

6,959 views • 207 likes • 5 comments • November 13, 2025

React 19 Tutorial - 11 - Rendering Lists

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

8,048 views • 226 likes • 5 comments • November 13, 2025

React 19 Tutorial - 10 - Conditional Rendering

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

9,651 views • 312 likes • 15 comments • November 10, 2025

React 19 Tutorial - 9 - Props Patterns

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

9,923 views • 312 likes • 4 comments • November 10, 2025

React 19 Tutorial - 8 - Props

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

10,498 views • 315 likes • 14 comments • November 10, 2025

React 19 Tutorial - 6 - JSX

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

10,944 views • 317 likes • 12 comments • November 06, 2025

React 19 Tutorial - 7 - Rules of JSX

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

10,873 views • 363 likes • 18 comments • November 06, 2025

React 19 Tutorial - 4 - Components

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

14,527 views • 380 likes • 14 comments • November 03, 2025

React 19 Tutorial - 3 - Project Structure

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

16,542 views • 367 likes • 15 comments • November 03, 2025

React 19 Tutorial - 5 - Export and Import Components

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

12,159 views • 325 likes • 9 comments • November 03, 2025

React 19 Tutorial - 2 - Your First React App

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

20,429 views • 411 likes • 8 comments • November 03, 2025

React 19 Tutorial - 1 - Introduction

Github - https://github.com/gopinav/React-19-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://twi...

54,720 views • 1,257 likes • 97 comments • October 27, 2025

AI SDK v5 Full Course - Beginner to Advanced

Github - https://github.com/gopinav/Next.js-AI-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Follow me + Twitter - https://t...

15,960 views • 735 likes • 41 comments • October 20, 2025

Build a RAG Chatbot from Scratch | React, Next.js, AI SDK, AI Elements, Neon, Drizzle, Clerk

Clerk - https://go.clerk.com/Msdg2UD Neon - https://neon.com?utm_source=codevolution Github - https://github.com/gopinav/Next.js-AI-SDK-RAG-Chatbot Become a Fullstack Developer with Scrimba - htt...

14,847 views • 491 likes • 36 comments • September 29, 2025

AI SDK V5 Tutorial - 30 - Semantic Search

Github - https://github.com/gopinav/Next.js-AI-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Semantic Search In this lesson...

2,185 views • 68 likes • 8 comments • September 23, 2025

AI SDK V5 Tutorial - 29 - Generate Embeddings with OpenAI

Github - https://github.com/gopinav/Next.js-AI-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Embeddings with Open AI In thi...

1,523 views • 60 likes • 21 comments • September 23, 2025

AI SDK V5 Tutorial - 28 - Embeddings

Github - https://github.com/gopinav/Next.js-AI-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution Embeddings In this lesson, we ...

1,671 views • 55 likes • 2 comments • September 22, 2025

AI SDK V5 Tutorial - 27 - Provider and Model Management

Github - https://github.com/gopinav/Next.js-AI-Tutorials Become a Fullstack Developer with Scrimba - https://scrimba.com/fullstack-path-c0fullstack?via=Codevolution AI Model Management with AI SDK...

1,580 views • 59 likes • 6 comments • September 18, 2025