Avsnitt
-
Today, I cover something that really didn't make sense to me when I first started using Next.js: File conventions.
-
In today's video, I cover request memoization in React and Next.js. I show an example Next.js application of this working in practice. And I also discuss how it can prevent some headaches within your apps.
-
Saknas det avsnitt?
-
Today, I cover a common mistake to make when using Next.js server and client components. More specifically, it relates to using the use client directive.
-
Jonas's website: https://herrmannsdoerfer.dev/en/
In today's episode of the Code Ryan podcast, Jonas joins me to discuss GraphQL, Data Fetching Mistakes, AI taking web developer jobs, and much more.
-
In this video, I cover a new, updated guide for implementing authentication using Next.js and Supabase.
Final Code: https://github.com/coderyansolomon/update-supabase-nextjs
Supabase Docs: https://supabase.com/docs/guides/auth/server-side/nextjs
-
In today's video, I cover 5 things I wish I knew when I first started my software engineering career and some mistakes to avoid.
-
Starter Project: https://github.com/coderyansolomon/next-testing-starter
Cypress Docs: https://docs.cypress.io/guides/core-concepts/testing-types
Next.js Docs: https://nextjs.org/docs/app/building-your-application/testing/cypress
-
In today's video, I cover session management in Next.js. Specially, I cover cookie-based and database-based session management, what they are, and some examples of how they work.
Article: https://nextjs.org/docs/app/building-your-application/authentication#session-management
-
Next.js Article: https://nextjs.org/docs/app/building-your-application/authentication#authorizationrevoked
In this video, I cover the difference between authentication and authorization in web development. I also discuss ways to implement both in Next.js
-
In today's video, you'll learn how useFormState and useFormStatus work in React. These are new hooks coming to React.19 -- in this video, I use the Canary version of React.
Final Code: https://github.com/coderyansolomon/react-19-form-hooks
React Hooks: https://react.dev/reference/react-dom/hooks/useFormState
-
In today's video, I cover one of the trickiest aspects of React.js: Where do client components and server components start and end? What makes a client component? What makes a server component? The truth just might surprise you.
Article covered: https://react.dev/reference/react/use-client
-
Zubin's LinkedIn: https://www.linkedin.com/in/zubinpratap/?originalSubdomain=au
Zubin's Coaching: https://matchfitmastery.com/
Zubin's Podcast : https://www.youtube.com/@zubinpratap/podcasts (also available on Apple Podcasts & Spotify)
Other resources from Zubin: https://linktr.ee/zubinpratap
-
Code splitting: https://tanstack.com/router/latest/docs/framework/react/guide/code-splitting
Starter project: https://github.com/coderyansolomon/tanstack-fundamentals
In this video, I cover what code splitting is, what the benefits are of it, and how to implement it for a React.js application using TanStack as the routing system.
-
React Article: https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024
Explore the cutting-edge features of React 19, including the React Compiler, Actions for seamless data handling, and the introduction of React Canaries for early feature adoption.
-
Docs: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees#non-nested-routes
Starter Project: https://github.com/coderyansolomon/tanstack-fundamentals
This video covers non-nested routes in React.js. More specifically, we cover how to implement non-nested routes using TanStack router.
-
Starter Project: https://github.com/coderyansolomon/tanstack-fundamentals
Docs: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees#pathless-routes
Dive into the world of React development with our latest tutorial, where we uncover the secrets of pathless routes using the TanStack Router.
-
Github: https://github.com/coderyansolomon/tanstack-fundamentals TanStack: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees
This video explores the TanStack Router's route trees and nesting features for React developers, showcasing how to structure and manage complex application routes efficiently. It provides insights into leveraging TanStack Router for dynamic and nested routing, enhancing app scalability and maintainability.
-
React Hook Form: https://react-hook-form.com/
Github Project: https://github.com/coderyansolomon/react-forms
Embark on a journey to master React Hook Form with our comprehensive crash course designed specifically for React developers. This tutorial delves into the core fundamentals of React Hook Form, providing a fast-paced yet thorough learning experience. Whether you're a beginner or looking to sharpen your skills, this video is your gateway to becoming proficient in React Hook Form quickly and effectively.
-
Explore the intricacies of securing your Next.js applications with React Server Components in our latest video. We cover essential strategies to prevent data leaks and reinforce your app against vulnerabilities, providing a comprehensive guide based on the insightful article: https://nextjs.org/blog/security-nextjs-server-components-actions. Join us for expert tips and deep dives into secure coding practices, ensuring your Next.js project is robust and secure.
-
Check out Tom's YouTube here: @WebDevEducation
In this video, we cover Tom's path into development, freelance development vs working a 9-5, React.js changes over time, React.js mistakes, and more!
- Visa fler