23
1 128 132

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

มุมมอง: 678

วีดีโอ

React Hook Form - Beginners Tutorial (with Zod)

22:28

React Hook Form - Beginners Tutorial (with Zod)

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

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

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

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]

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

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

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

⭐ 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.5K8 หลายเดือนก่อน

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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...