Best of Dave Gray — 2024

  1. 1
    Video
    Avatar of davegrayDave Gray·2y

    Permissions & Authorization in a Next.js Full Stack Project

    Dave provides a lesson on applying permissions in a Next.js full stack application. He explains how to set up permissions for users, employees, managers, and admins, emphasizing the importance of restricting access based on roles. The tutorial includes integration with Sentry for error reporting and performance monitoring. Detailed walkthroughs guide users through installing required packages, setting up Kind for user management, and configuring permissions using Kind's management API. The tutorial also addresses compatibility issues with using Next.js 15 and React 19.

  2. 2
    Video
    Avatar of davegrayDave Gray·2y

    Why You Should Use TypeScript Generics with react-hook-form

    Learn how to use TypeScript generics with React Hook Form to ensure type-safe validation of schema names in custom components. This approach helps catch errors like typos in schema keys, ensuring more robust forms. The guide uses Zod for schema validation and demonstrates how to set up and utilize generics for better type inference in React components.

  3. 3
    Video
    Avatar of davegrayDave Gray·2y

    Optimize Your Code!  🔥 How I Optimized Drag n Drop Form Inputs

    The post provides practical tips on optimizing a fitness tracker app built with React Hook Form and DND Kit. The focus is on reducing render times and improving performance by using memoization techniques, such as `useMemo` and `memo`, and restructuring components. Key optimizations include creating a static array for dropdown values and extracting reusable components to prevent unnecessary re-renders.

  4. 4
    Video
    Avatar of davegrayDave Gray·2y

    Next.js Full Stack Project w/ Nextjs 15 & React 19

  5. 5
    Video
    Avatar of davegrayDave Gray·1y

    React Table with Pagination, Column Filters & Sorting | Next.js Full Stack Project

    Learn how to enhance a React table in a Next.js full stack project with features like pagination, column filtering, and sorting. The tutorial includes coding steps and best practices for implementing these features using various tools and libraries, including Sentry for debugging.

  6. 6
    Video
    Avatar of davegrayDave Gray·2y

    Google Chrome Engineer Reveals the Skills You Need to Succeed | Addy Osmani, React Summit & JSNation

    Addy Osmani, a Google Chrome engineer and best-selling author, discusses essential skills for web development beginners, emphasizing a balanced approach between learning fundamentals and modern tools. He also provides insights into his book on building large-scale web apps and previews his upcoming talks at React Summit and JSNation, focusing on developer tooling and productivity enhancements with DevTools.

  7. 7
    Video
    Avatar of davegrayDave Gray·1y

    React Native Full Course for Beginners | Complete All-in-One Tutorial | 4 Hours

    This post is a comprehensive 4-hour tutorial series on React Native for beginners. Hosted by Dave Gray and made possible by Zero to Mastery (ZTM), it includes eight interconnected tutorials. The series walks through setting up the development environment using Visual Studio Code, Git, and Node.js, introduces Expo for React Native, and provides guidance on creating React Native applications for various platforms. The lessons also cover important tools, prerequisites, and additional resources for continued learning.

See all Dave Gray archives