Folgen
-
Discover a common yet critical mistake in Next.js involving serialization and prop passing. This video provides a clear explanation and shows you how to avoid this error to enhance your app's performance and reliability. Perfect for developers looking to refine their Next.js skills!
GitHub: https://github.com/coderyansolomon/serialization
Next.js Docs: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#client-components
React.js Docs: https://react.dev/reference/rsc/use-server#serializable-parameters-and-return-values
-
Today, I cover a common mistake in Next.js related to revalidating the Next.js cache.
You can read more about cache revalidation on the Next.js docs here: https://nextjs.org/docs/app/api-reference/functions/revalidatePath
-
Fehlende Folgen?
-
Lucas's website: https://beacons.ai/lsantos
-
Learn how to quickly configure Prettier in your Next.js project with this easy-to-follow tutorial. Streamline your code formatting to enhance readability and maintain consistency across your development team. Perfect for beginners and experienced developers alike!
Prettier: https://prettier.io/docs/en/
-
In this comprehensive tutorial, we delve into a crucial topic for Next.js developers: the proper integration of client and server components. Discover the common mistakes developers make when interleaving these components and learn the best practices to avoid them. Whether you're a beginner or an experienced developer, this video will provide you with essential insights to enhance your Next.js applications. Watch now and master the art of component composition in Next.js! For more details, visit: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#interleaving-server-and-client-components.
-
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.
-
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.
- Mehr anzeigen