23
1 051 528

React Hook Form - Beginners Tutorial (with Zod)

22:28

React Query - Complete Beginners Tutorial

18:54

Redux Tutorial for Beginners [2024]

23:52

Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind

3:51:33

5 Common React Hooks Mistakes

9:58

Make a Dropdown Menu in React | Beginners Tutorial

22:52

Beginners Tailwind CSS Tutorial (2024)

Master Tailwind CSS in this detailed crash course where we create a responsive hamburger menu! This tutorial covers the basics of Tailwind CSS and how to use its utility-first classes to build a stylish and functional hamburger menu for your web projects. Ideal for both beginners and experienced developers, you'll learn how to implement responsive design and enhance user experience with ease. Through practical examples and step-by-step instructions, this video will help you master Tailwind CSS and improve your frontend development skills. Start building modern, responsive menus with Tailwind CSS today!
-- 🔗 Links 🔗 --
Discord - discord.gg/TWBtv5an7N
Subscribe - th-cam.com/channels/eRQr_iEA4-z-Mkt9sg4PwA.html
☕ Donate to support the channel! - www.buymeacoffee.com/CodeCompleteYT
💻 Code - github.com/CodeCompleteYT/
-- 🌟 Useful Tools and Software 🌟 --
🌐 10% off domains at Domain.com (use code DOMAIN10) - domain.mno8.net/CodeComplete
☁️ FREE $100 for server hosting on Linode - linode.gvw92c.net/CodeComplete
📚 30% off annual Skillshare membership (use code annual30aff) - skillshare.eqcm.net/CodeComplete
DISCLAIMER: Some of the links in the description are affiliate links. The channel will receive a small commission from any sales from these links, but there is no extra charge to you. Thanks for supporting the channel so I can keep making these free tutorials!
Chapters:
00:00 Intro
00:34 Setup
02:00 Basics
11:08 Pseudo-selectors
12:28 Style transitions
13:37 Responsiveness
14:37 Custom classes
17:16 Dark mode
20:09 Conclusion

มุมมอง: 506

วีดีโอ

React Hook Form - Beginners Tutorial (with Zod)

22:28

React Hook Form - Beginners Tutorial (with Zod)

มุมมอง 5162 หลายเดือนก่อน

Unlock the power of React Hook Form in this comprehensive crash course! This tutorial covers everything you need to know about building efficient and user-friendly forms in your React applications using React Hook Form. Perfect for both beginners and experienced developers, you'll learn how to handle form validation, manage form state, and improve performance. With practical examples and clear ...

React Query - Complete Beginners Tutorial

18:54

React Query - Complete Beginners Tutorial

มุมมอง 3892 หลายเดือนก่อน

Explore the essentials of React Query in this in-depth crash course! This tutorial covers everything you need to know about using React Query for efficient data fetching, caching, and synchronization in your React applications. Perfect for both beginners and experienced developers, you'll learn how to manage server state effectively and enhance your app's performance. With practical examples an...

23:52

Redux Tutorial for Beginners [2024]

มุมมอง 6543 หลายเดือนก่อน

Learn the basics of Redux and how to integrate it with React in this comprehensive tutorial! This video breaks down Redux concepts like state management, actions, reducers, and the store in a clear and easy-to-follow manner. Perfect for beginners, you'll see practical examples of how to use Redux with React, helping you to manage your application's state efficiently. By the end, you'll have a s...

Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind

3:51:33

Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind

มุมมอง 29K5 หลายเดือนก่อน

⭐ Source Code & Additional Features - www.udemy.com/course/real-time-chat-app-with-nextjs-react-tailwind-and-shadcn/?couponCode=CC-YT-30-5 🔨 Advanced coding project Courses at CodeCrafters (40% discount) - app.codecrafters.io/join?via=CodeCompleteYT 🌐 10% Discount on Domain.com (use code DOMAIN10) - domain.mno8.net/CodeComplete 🔗 Links 🔗 Discord - discord.gg/TWBtv5an7N Subscribe - th-cam.com/ch...

9:58

5 Common React Hooks Mistakes

มุมมอง 1.5K6 หลายเดือนก่อน

Avoid common pitfalls in React Hook usage with this tutorial that highlights the top 5 mistakes beginners often make. Gain practical insights into how to optimize your React applications by steering clear of these errors. From understanding dependencies and managing state effectively to tackling common misconceptions, this tutorial provides clear explanations and solutions. Enhance your React H...

Make a Dropdown Menu in React | Beginners Tutorial

22:52

Make a Dropdown Menu in React | Beginners Tutorial

มุมมอง 11K7 หลายเดือนก่อน

Master the art of creating animated dropdown menus in your web projects with this comprehensive tutorial. We'll walk through step-by-step instructions on using CSS to add stylish animations to your dropdowns, making your navigation more visually appealing. Dive into the implementation of event listeners to enable the dropdown to be closed by clicking outside, enhancing user interaction. Learn t...

Beginners React Page Transitions Tutorial - Framer Motion & React Router | Beginners Tutorial

13:40

Beginners React Page Transitions Tutorial - Framer Motion & React Router | Beginners Tutorial

มุมมอง 4.8K8 หลายเดือนก่อน

Learn how to implement page transitions in React using Framer Motion and React Router. This tutorial covers smooth animations, transitions, and routing, providing step-by-step instructions for creating engaging user experiences. Enhance your React applications with dynamic page transitions for improved visual appeal and user navigation. Master Framer Motion and React Router integration for seam...

React Drag And Drop (dnd-kit) | Beginners Tutorial

17:27

React Drag And Drop (dnd-kit) | Beginners Tutorial

มุมมอง 42K8 หลายเดือนก่อน

This tutorial is designed for beginners looking to integrate drag-and-drop functionality into a React project using dnd-kit. The focus is on creating a practical to-do list application, where users can add tasks and easily reorder them through drag-and-drop actions. The step-by-step guide covers the implementation of drag-and-drop interactions in a straightforward manner, with a specific emphas...

Full Stack YouTube Clone: Next.js 13 App Router, React, MongoDB, Tailwind, Typescript

5:34:51

Full Stack YouTube Clone: Next.js 13 App Router, React, MongoDB, Tailwind, Typescript

มุมมอง 6K10 หลายเดือนก่อน

Discover the prowess of Next.js 13 as you embark on creating a feature-rich TH-cam clone. Unleash the potential of React, Tailwind, TypeScript, MongoDB, Prisma, Vercel, and Cloudinary to construct a platform with dynamic home pages, seamless subscription management, engaging video interactions, and a TH-cam Studio for efficient content control. Leverage Next.js 13's latest features to optimize ...

Learn React ChartJS in 8 Minutes | Complete Guide

8:40

Learn React ChartJS in 8 Minutes | Complete Guide

มุมมอง 37Kปีที่แล้ว

Learn how to make charts using Chart.js in React in this complete beginners tutorial. We'll guide you through the process of getting started with Chart.js in React, covering how to create line, bar, and doughnut charts, style them using options, and effectively navigate the documentation. Discord - discord.gg/TWBtv5an7N Subscribe - th-cam.com/channels/eRQr_iEA4-z-Mkt9sg4PwA.html ☕ Donate to sup...

React Dark Mode Toggle/Theme - Complete Guide

12:29

React Dark Mode Toggle/Theme - Complete Guide

มุมมอง 27Kปีที่แล้ว

Learn how to easily add a dark mode and theme toggle to your react project using CSS in this tutorial for beginners. Also learn about CSS variables, custom HTML attributes, local storage, and reading system preferences. Discord - discord.gg/TWBtv5an7N Subscribe - th-cam.com/channels/eRQr_iEA4-z-Mkt9sg4PwA.html ☕ Donate to support the channel! - www.buymeacoffee.com/CodeCompleteYT 🌟 Useful Tools...

Learn useEffect in 9 Minutes | Beginners React Hooks Tutorial

9:15

Learn useEffect in 9 Minutes | Beginners React Hooks Tutorial

มุมมอง 520ปีที่แล้ว

In this concise React Hooks tutorial tailored for beginners, we'll unravel the power of the `useEffect` hook in just 9 minutes. You'll discover how to wield this essential hook to manage side effects in your React applications with ease. We'll cover its syntax, purpose, and practical examples, ensuring you grasp the concepts swiftly. By the end of this tutorial, you'll be equipped to efficientl...

Learn useState in 10 Minutes | Beginners React Hooks Tutorial

10:37

Learn useState in 10 Minutes | Beginners React Hooks Tutorial

มุมมอง 512ปีที่แล้ว

In this beginner-friendly React Hooks tutorial, you'll quickly grasp the concept of useState in just 10 minutes. We'll delve into the fundamentals of state management in React, demonstrating how to use the useState hook to effortlessly handle state changes in your applications. By the end of this concise tutorial, you'll have a solid understanding of how to integrate useState effectively, makin...