Decoding Qwik: An In-depth Comparison With React And Next JS

27:29

Gary Sinise is an award winning actor, on the stage, TV and big screen. He is best known for playing Lieutenant Dan in Forrest Gump. Inspired by this role and his family members, Gary is now the head of the Gary Sinise Foundation, which offers support for service members who need help with mental wellness, trauma, physical recovery, and loss. He Also plays concerts worldwide for our nation’s defenders and their families, boosting morale and offering gratitude for their sacrifices as part of the Lt. Dan Band. Jay and Gary discuss the changing needs of American service members and their families, the many services the Gary Sinise Foundation provides, how Gary’s work helped him through personal loss and much more. Today's episode was produced by Tani Levitt and Mijon Zulu. To check out more episodes or to learn more about the show, you can visit our website Allaboutchangepodcast.com. If you like our show, spread the word, tell a friend or family member, or leave us a review on your favorite podcasting app. We really appreciate it. All About Change is produced by the Ruderman Family Foundation. Episode Chapters (0:00) intro (1:11) Veterans’ changing needs over the past half century (7:57) Veterans’ appreciation of Gary’s portrayal of Lt. Dan (10:25) By helping others, we step out of ourselves (11:46) The Lt. Dan Band (15:29) How the death of Gary’s son Mac impacts his activism (17:33) Bringing services to American heroes wherever they are (19:45) Accurate portrayals of veterans in film and TV (20:58) How can people get involved with the Gary Sinise foundation (24:24) Goodbye For video episodes, watch on www.youtube.com/@therudermanfamilyfoundation Stay in touch: X: @JayRuderman | @RudermanFdn LinkedIn: Jay Ruderman | Ruderman Family Foundation Instagram: All About Change Podcast | Ruderman Family Foundation To learn more about the podcast, visit https://allaboutchangepodcast.com/ Looking for more insights into the world of activism? Be sure to check out Jay’s brand new book, Find Your Fight , in which Jay teaches the next generation of activists and advocates how to step up and bring about lasting change. You can find Find Your Fight wherever you buy your books, and you can learn more about it at ⁠⁠www.jayruderman.com⁠⁠ .…

Code Ryan « »
Decoding Qwik: An In-depth Comparison with React and Next JS | Yoav Ganbar

2 years ago 32:13

MP3•Episode home

Join us in this captivating episode as we delve into the fascinating world of JavaScript frameworks, highlighting the newcomer, Qwik. Our special guest, Yoav Ganbar, renowned software developer and JavaScript enthusiast, brings his profound insights to the table, offering listeners an in-depth understanding of Qwik's capabilities, and how it stands alongside established frameworks like React and Next.js. Together, we examine the unique aspects of Qwik and draw comparisons to the features, performance, and use cases of React and Next.js. If you're curious about the future of JavaScript development, eager to learn about the potential of Qwik, or looking for informed perspectives to choose between these popular frameworks, this episode is a must-listen. Get ready for an enlightening discussion that will leave you with a richer understanding of the JavaScript landscape and its evolving dynamics.

296 episodes

#Tech #Ryan Solomon

Decoding Qwik: An In-depth Comparison with React and Next JS | Yoav Ganbar

Code Ryan

published 2 years ago

MP3•Episode home

296 episodes

#Tech #Ryan Solomon

All episodes

1
An Anti-Pattern To Avoid In React.js 3:51

3 days ago3:51

3:51

TLDR; don't mutate state directly. Always use setState when updating a piece of state. Also, pass a function when updating state based on previous state.

1
This Causes An Error In Next.js 4:17

7 days ago4:17

4:17

Today I explain a key point regarding server and client components in Next.js and passing props. Also, I explain what you should know regarding client boundaries in Next.js

1
An AI Tool That's Actually Worth It For Developers 7:32

10 days ago7:32

7:32

Docs: https://www.korbit.ai/ I'm not affiliated with this tool in any way. We've just found it useful the last few months using it on our team. If you know any tools, or even something better than Korbit, let me know in the comments below.

1
This One Fix Makes Your Next.js App Faster and Cleaner 8:48

14 days ago8:48

8:48

Learn the recommended way to fetch data in Next.js as well as some patterns to know about client and server components.

1
Learn Modern React.js In 20 Minutes 20:43

17 days ago20:43

20:43

In todays video, I cover the core concepts of React.js in about 20 minutes. Of course, this isn't everything you need to know. But it is a good starting place and review for some.

1
What "use client" Really Does In Next.js 10:17

21 days ago10:17

10:17

docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components

1
Finally Understand Server Components In Next.js 11:36

24 days ago11:36

11:36

Docs: https://nextjs.org/docs/app/building-your-application/rendering/server-components

1
Understanding Rendering in React & Next.js (The Full Picture) 9:38

28 days ago9:38

9:38

Docs: https://nextjs.org/docs/app/building-your-application/rendering

1
Optimize Your Code In Next.js With Server Actions 6:29

4 weeks ago6:29

6:29

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations

1
Stream Your Data To Fix Bad UX In Next.js 15 7:57

5 weeks ago7:57

7:57

Learn how to use Suspense and streaming for sequential data fetching in Next.js

1
Developers Really Need To Be Aware Of This 7:32

5 weeks ago7:32

7:32

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns

1
THIS Is How To Fetch Data In Next.js 7:42

6 weeks ago7:42

7:42

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#reference

1
Did You Know This About Custom Hooks In React.js? 11:51

6 weeks ago11:51

11:51

Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap

1
Your Complete Guide To Middleware In Next.js 15 10:47

7 weeks ago10:47

10:47

Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware

1
Prevent This Race Condition In React.js 8:36

7 weeks ago8:36

8:36

Docs: https://react.dev/learn/you-might-not-need-an-effect#subscribing-to-an-external-store

1
This Is A Core Concept To Understand About React.js 5:43

8 weeks ago5:43

5:43

Docs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes

1
Your Guide To Parallel Routes In Next.js 15 10:24

9 weeks ago10:24

10:24

Parallel Routes Docs: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes#loading-and-error-ui

1
How To Stop Running Code Twice In React.js 4:26

9 weeks ago4:26

4:26

Today I cover an issue you might run into with running code multiple times in React -- especially when running initialization code -- and how React thinks you should solve it Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers

1
Did You Know This Advanced Routing Technique In Next.js? 7:31

10 weeks ago7:31

7:31

Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params

1
Are You Messing This Up In React.js? 5:07

10 weeks ago5:07

5:07

Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers

1
Pros Know How To Do This In Next.js 15 6:39

11 weeks ago6:39

6:39

Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params

1
Even Pros Make This React.js Mistake 6:27

11 weeks ago6:27

6:27

Docs: https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes

1
Pro Next.js Developers Know How To Do This 6:17

12 weeks ago6:17

6:17

Route Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups

1
This Can Be A Problem In React.js.. 4:46

12 weeks ago4:46

4:46

Docs: https://react.dev/learn/you-might-not-need-an-effect#resetting-all-state-when-a-prop-changes

1
A Core Next.js Fundamental You Need To Know About 2:58

13 weeks ago2:58

2:58

Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware

1
Senior Developers Don't Make This Mistake 4:08

13 weeks ago4:08

4:08

Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects

1
This Is A Beginner Mistake You Should Avoid (Client-side Routing) 6:31

14 weeks ago6:31

6:31

Docs: https://nextjs.org/docs/app/api-reference/functions/use-router#disabling-scroll-to-top

1
2 Mistakes Pro React Developers Don't Make 9:04

14 weeks ago9:04

9:04

Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects

1
Did You Know How To Do This In Next.js 15? 4:08

15 weeks ago4:08

4:08

Learn how to use the redirect and permanenetRedirect functions in Next.js -- https://nextjs.org/docs/app/building-your-application/routing/redirecting#redirect-function

1
How To Actually Use The useEffect Hook In Modern React.js 12:48

15 weeks ago12:48

12:48

Docs: https://react.dev/learn/synchronizing-with-effects

1
Unlock PRO UX with Streaming Web Components in Next.js 6:56

16 weeks ago6:56

6:56

Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense

1
3 Key Concepts Professional React Developers Master 8:58

16 weeks ago8:58

8:58

Docs: https://react.dev/learn/synchronizing-with-effects

1
The Right Way To Handle Instant Loading States In Next.js 15 4:39

17 weeks ago4:39

4:39

Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming

1
Correctly Using Refs With DOM Elements In React.js 7:09

17 weeks ago7:09

7:09

https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs

1
Next.js 15 Error Handling Mastery 8:31

18 weeks ago8:31

8:31

Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling#uncaught-exceptions

1
What Are Refs In React.js, Really? Why? 10:29

18 weeks ago10:29

10:29

https://react.dev/learn/referencing-values-with-refs#recap

1
PRO Next.js 15 Error Handling - Expected Errors 7:09

19 weeks ago7:09

7:09

Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling

1
Optimize Client Side Navigation In Next.js 15 9:05

20 weeks ago9:05

9:05

Docs: https://nextjs.org/docs/app/api-reference/functions/use-router

1
Actually Understanding Context In React.js 18:04

20 weeks ago18:04

18:04

Docs: https://react.dev/learn/passing-data-deeply-with-context Starter Project: https://github.com/coderyansolomon/react-context

1
The Recommended Way To Link In Next.js 15 10:10

21 weeks ago10:10

10:10

Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating Link API - https://nextjs.org/docs/app/api-reference/components/link

1
Avoid This Problem In React.js - Prop Drilling 6:12

21 weeks ago6:12

6:12

Docs: https://react.dev/learn/passing-data-deeply-with-context

1
Are Templates Better Than Layouts In Next.js? 6:20

22 weeks ago6:20

6:20

Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates

1
The Only useReducer Video You Need 24:21

22 weeks ago24:21

24:21

Docs: https://react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer

1
How To Use Layouts Correctly In Next.js 15 12:30

23 weeks ago12:30

12:30

Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates

1
Master React State By Solving This Problem 5:26

23 weeks ago5:26

5:26

Today, I discuss the problem of state not being reset when rendering the same component in the same position within the React tree. Read more about this here: https://react.dev/learn/preserving-and-resetting-state#resetting-state-at-the-same-position

1
How Pages Really Work In Next.js 15 6:52

24 weeks ago6:52

6:52

Today, I give a brief overview of how pages work in Next.js 15 and a few important things to know regarding pages. Learn more from the Next.js docs here: https://nextjs.org/docs/app/building-your-application/routing/pages

1
The Wrong Way To Manage State In React.js 5:30

24 weeks ago5:30

5:30

Today, I cover having a single source of truth in your React application's state. Docs: https://react.dev/learn/sharing-state-between-components#a-single-source-of-truth-for-each-state

1
A Next.js Fundamental You Need To Master 13:18

25 weeks ago13:18

13:18

Learn how to define routes in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/routing/defining-routes

1
This Is A Common Misconception In React.js 9:19

25 weeks ago9:19

9:19

Docs: https://react.dev/learn/preserving-and-resetting-state#

1
This Is A Breaking Change For Next.js 15 4:06

26 weeks ago4:06

4:06

Today, I cover the change from sync to async apis in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/upgrading/version-15

1
A Fundamental React.js Concept - Lifting State 9:33

26 weeks ago9:33

9:33

Today, I discuss what it means to lift state in React.js and show you an example of how this might be done.

1
This Is How To Structure State In React.js 11:19

27 weeks ago11:19

11:19

Today, I cover 5 principles of structuring state in your React applications. Docs: https://react.dev/learn/choosing-the-state-structure#

1
The Top 3 Next.js 15 Project Organization Strategies 9:07

27 weeks ago9:07

9:07

Today, I discuss a few solid options for organizing your Next.js projects. Docs: https://nextjs.org/docs/canary/app/building-your-application/routing/colocation#project-organization-strategies

1
NEW Next.js 15 Feature! Enhanced Forms 7:51

28 weeks ago7:51

7:51

Today, I show you a cool new feature of Next.js 15 forms: Client Side Navigation

1
The Modern Guide To Using State In React.js 17:22

28 weeks ago17:22

17:22

I show you a step by step process for how to think about using state in React.js

1
I Really Didn't Understand This.. 11:27

29 weeks ago11:27

11:27

Today, I discuss declarative vs imperative programming in the context of React.js and why it matters.

1
A Developer Lesson Learned The Hard Way 5:14

29 weeks ago5:14

5:14

As a web developer, it can be easy to just push a PR without considering how you can make things more maintainable and extendable in the long run.

1
This Is A Bad Idea In React.js 12:27

30 weeks ago12:27

12:27

Today, I show some examples of mistakes you can make (bad ideas) when working with arrays in React.js state

1
This Is A New Helpful Feature In Next.js 15 6:13

30 weeks ago6:13

6:13

Today, I cover what the status indicator means in your Next.js application as well as giving you a refresher on static vs dynamic rendering. Docs: https://nextjs.org/docs/app/api-reference/next-config-js/devIndicators#appisrstatus-static-indicator

1
Doing This Is A Bad Idea In Your React Apps 11:55

31 weeks ago11:55

11:55

Mutating state isn't a great idea in your React apps. But how should you update your objects and arrays? Doing full replacements or creating copies. I show you how in this video.

1
Do You Need A Degree For Software Engineering? 8:55

31 weeks ago8:55

8:55

I discuss my experience with having a college degree for software engineering and if I think it's needed or not.

1
Avoid This Next.js Anti-Pattern 7:23

32 weeks ago7:23

7:23

A common anti-pattern or mistake that's easy to make in your web apps is creating waterfalls with your network requests.

1
React State Updates Explained: Why Is Your State Wrong? 12:58

32 weeks ago12:58

12:58

What does it mean for React to "batch" state updates? Why does it matter?

1
Master 3 Essential Next.js Concepts in 3(ish) Minutes! 4:26

33 weeks ago4:26

4:26

Today, you'll gain a high level understanding of 3 core Next.js concepts in just a few minutes. I cover file based routing, server/client components, and server actions.

1
A Commonly Misunderstood React Concept 8:20

33 weeks ago8:20

8:20

Today, I do my best to clearly explain how snapshots work in React and why they're important to understand.

1
Most React Developers Don't Understand This 11:04

34 weeks ago11:04

11:04

Today, I'm going to fully explain the rendering, re-rendering, and committing phases in React.js

1
This Is A Problem In Next.js 5:10

34 weeks ago5:10

5:10

Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together.

1
The Next.js Mistake That Breaks Your Data 5:43

35 weeks ago5:43

5:43

https://nextjs.org/docs/app/api-reference/functions/revalidatePath

1
React State: The Key to Dynamic UIs Explained! 26:51

35 weeks ago26:51

26:51

Code: https://github.com/coderyansolomon/react-state In this video, we'll explore why React's useState hook is essential for building interactive user interfaces. Through a simple counter example, you'll see how relying on plain JavaScript variables fails to trigger UI updates when data changes. By the end, you'll understand how state management ensures your components stay in sync with dynamic data.…

1
Master React in Minutes: Essential Event Handling Techniques 20:52

36 weeks ago20:52

20:52

Learn how to handle events in React.js with this step-by-step tutorial, perfect for beginners. We'll cover essential techniques for managing button clicks, input changes, and form submissions in a simple, easy-to-follow format. By the end, you'll be equipped to confidently implement event handling in your React projects! Code: https://github.com/coderyansolomon/react-events…

1
EASY UX Upgrade: Snap Scrolling with Next.js & Tailwind 19:50

36 weeks ago19:50

19:50

Learn how to build a cool scroll-snap feature in Next.js using Tailwind CSS! Final Code: https://github.com/coderyansolomon/scrollsnap

1
Avoid This Common React Mistake Newbies Make 7:34

37 weeks ago7:34

7:34

Topics Covered: What is an event? How are event handlers typically passed? Calling a function rather than passing a reference to a function But what if you need to pass arguments? When possible, I like creating functions outside of the component so I can test them a bit easier via exports

1
The Surprising Key to Overcoming Coding Blocks 4:42

37 weeks ago4:42

4:42

Today, I discuss a helpful stragety that has helped improve my productivity as a software engineer while saving me some mental fatigue as well.

1
THIS Is The HARDEST Part Of Software Engineering 6:38

38 weeks ago6:38

6:38

Today, I discuss what I think is one of the hardest parts about software engineering.

1
React State Explained: The Key to Dynamic Apps (Beginner's Guide) 4:56

38 weeks ago4:56

4:56

Today, I cover exactly what state is in React.js.

Code Ryan

1
5 Things I Love About Being a Software Engineer (And You Will Too) 6:20

39 weeks ago6:20

6:20

In today's video, I cover 5 things I really enjoy about being a software engineer. And for the record, I don't actually think AI will be taking all of our jobs.. yet.

Code Ryan

1
Unlock React's Power: Understand Your UI as a Tree Structure 10:11

39 weeks ago10:11

10:11

Today, I'm going to do my best to discuss thinking about React as a tree like structure and why this is important.

Code Ryan

1
5 Things I HATE About Being A Software Engineer 8:10

40 weeks ago8:10

8:10

Today, I'm going to cover 5 downside (plus one bonus) of working full time as a professional software engineer.

Code Ryan

1
What is React.js, really? Complete Guide For Beginners and Pros 15:40

40 weeks ago15:40

15:40

Today, learn what React.js is, some core concepts of React js, job outlook for React.js, and a complete overview of React.

Code Ryan

1
Master React.js Lists: Easy Rendering Techniques Explained! 13:13

41 weeks ago13:13

13:13

In this video, learn how to correctly render lists in your React.js application! Code: https://github.com/coderyansolomon/react-lists React.js Docs: https://react.dev/learn/rendering-lists

Code Ryan

1
Next.js Pitfalls: Avoiding Unsupported Client and Server Patterns 8:06

42 weeks ago8:06

8:06

Learn about supported and unsupported patterns when it comes to client and server components in Next.js! Code: https://github.com/coderyansolomon/server-client-render Docs: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#unsupported-pattern-importing-server-components-into-client-components…

Code Ryan

1
How to Use Conditional Rendering in React.js Like a Pro 14:26

42 weeks ago14:26

14:26

Code: https://github.com/coderyansolomon/conditional-render Docs: https://react.dev/learn/conditional-rendering Learn exactly how to conditional render content in React.js!

Code Ryan

1
Boost Your Next.js Skills: Learn useParams for Dynamic Routes 10:14

43 weeks ago10:14

10:14

This video covers how the useParams hook works in Next.js. It also covers how params work generally in Next.js and why they're useful. Code: https://github.com/coderyansolomon/useparams/tree/main/app

Code Ryan

1
Master React Props: The Ultimate Guide In 2024 25:27

43 weeks ago25:27

25:27

In today's video, you'll learn exactly how props work in react.js. You'll learn what they are, how they work, why props exist, how to destructure them, if you should mutate them, how props.children work, what props forwarding is, and much more!

Code Ryan

1
How React.js Components Work: A Step-by-Step Guide 24:29

44 weeks ago24:29

24:29

Code: https://github.com/coderyansolomon/components In todays video, I cover exactly how components work In React.js. You'll learn what components are, how they work, how to create them, how to render them, and much more!

Code Ryan

1
Next.js Redirects 101: Simplify Your Routing Like a Pro! 13:28

44 weeks ago13:28

13:28

Code: https://github.com/coderyansolomon/redirects-nextjs Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting Learn how to redirect in Next.js server components, client components, server actions, route handlers, and middleware

Code Ryan

1
Next.js Streaming: Deliver Better User Experiences 9:54

45 weeks ago9:54

9:54

Learn how streaming and suspense can help improve your Next.js applications! Code: https://github.com/coderyansolomon/streaming

Code Ryan

1
Pro Software Engineers Know These 10 Command Line Tips 13:31

46 weeks ago13:31

13:31

Code Ryan

1
Essential Next.js: Private Routes, Colocation, and Advanced Routing Explained! 15:50

47 weeks ago15:50

15:50

In this video, you'll learn about creating route, creating private folders, creating route groups, colocation, and more Check out the docs here for more information: https://nextjs.org/docs/app/building-your-application/routing/colocation#private-folders

Code Ryan

1
A Crucial Lesson Every Software Engineer Should Know 3:47

47 weeks ago3:47

3:47

Code Ryan

1
The Truth About JSX In React.js 25:58

48 weeks ago25:58

25:58

React docs: https://react.dev/learn/writing-markup-with-jsx

Code Ryan

1
Stop Overlooking This Critical React.js Concept: Pure Components 19:26

48 weeks ago19:26

19:26

React Docs: https://react.dev/learn/keeping-components-pure#where-you-_can_-cause-side-effects Deep dive into pure components in React.js!

Code Ryan

1
Next.js Layouts Made Easy: Complete Guide with Nested Layouts 15:06

49 weeks ago15:06

15:06

GitHub: https://github.com/coderyansolomon/nested Learn layouts and Nested layouts in modern Next.js!

Code Ryan

1
Effortless Speed: Next.js Lazy Loading 19:08

49 weeks ago19:08

19:08

GitHub: https://github.com/coderyansolomon/lazy Docs: https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading Your guide to lazy loading components in Next.js!

Code Ryan

1
Don't Overlook This Next.js Performance Optimization 12:05

50 weeks ago12:05

12:05

Scripts Optimization Docs: https://nextjs.org/docs/app/building-your-application/optimizing/scripts#strategy Scripts API: https://nextjs.org/docs/app/api-reference/components/script Github: https://github.com/coderyansolomon/dynamic

Code Ryan

1
Is AI a Threat to Developer Jobs? Plus Insights on React and Next.js - Ft. Colby Fayock 28:53

51 weeks ago28:53

28:53

Colby's YouTube: @colbyfayock

Code Ryan

1
Mastering Quota Management in Your Next.js SaaS Application 23:18

51 weeks ago23:18

23:18

Today, I cover how to manage quotas in Next.js using Kobble.io as our SaaS platform. K obble: https://docs.kobble.io/ Starter Project: https://github.com/coderyansolomon/kobble-auth

Code Ryan

1
Effortlessly Manage SaaS Permissions in Next.js! 24:09

52 weeks ago24:09

24:09

In this video, I cover how to manage permissions in your Next.js SaaS application. Kobble - https://kobble.io/ Starter Project (must add ENV codes.. watch part one auth first) - https://github.com/coderyansolomon/kobble-auth

Code Ryan

1
Quickly Authenticate Your Next.js SaaS Application! 31:47

1 year ago31:47

31:47

Kobble: https://kobble.io/ Final Code: https://github.com/coderyansolomon/kobble-auth Learn how to authenticate your Next.js application for SaaS products using Kobble.io!

Code Ryan

1
Become a Next.js Routing Pro: Dynamic & Catch-All Routes Tutorial 15:10

1 year ago15:10

15:10

GitHub: https://github.com/coderyansolomon/dynamic Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes JSON Placeholder API: https://jsonplaceholder.typicode.com/ Dive deep into the world of Next.js with this comprehensive tutorial on dynamic and catch-all routes. Learn how to effectively implement flexible routing strategies that can transform your web applications. This video will guide you step-by-step through the concepts and practical implementations, ensuring you have all the tools needed to leverage these powerful features in Next.js.…

Code Ryan

1
Build Smarter with Next.js: Routing Basics 20:37

1 year ago20:37

20:37

Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing Explore the fundamentals of routing in Next.js with this concise guide. Learn how to create routes, utilize route segments, and set up nested routes to structure your web applications effectively.

Code Ryan

1
Level Up Your Dev Skills: Game Building and Learning in JavaScript 32:14

1 year ago32:14

32:14

Code Ryan

1
Master NextAuth v5 Database Integration: Step-by-Step Tutorial 10:16

1 year ago10:16

10:16

Docs: https://authjs.dev/getting-started/database Starting Project: https://github.com/coderyansolomon/next-authv5 Learn how to connect next-auth v5 to your database!

Code Ryan

1
Master NextAuth v5: Next.js Authentication Made Easy 31:35

1 year ago31:35

31:35

Docs: https://authjs.dev/getting-started GitHub: https://github.com/coderyansolomon/next-authv5 Learn the latest version of next-auth v5!

Code Ryan

1
Must-Know Next.js Tip: Stop Making This Serialization Mistake! 9:36

1 year ago9:36

9:36

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…

Code Ryan

1
Essential Next.js Tip: Avoid This Caching Mistake 7:32

1 year ago7:32

7:32

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

Code Ryan

1
Startups Vs Tech Giants, Node.js Test Runner, and More 44:31

1 year ago44:31

44:31

Lucas's website: https://beacons.ai/lsantos

Code Ryan

1
Clean Next.js Code With Prettier: Fast Configuration! 8:51

1 year ago8:51

8:51

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/…

Code Ryan

1
Next.js Tutorial: Solving Client-Server Component Errors 8:03

1 year ago8:03

8:03

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

Code Ryan

1
Next.js Secrets: File Conventions Explained! 21:37

1 year ago21:37

21:37

Today, I cover something that really didn't make sense to me when I first started using Next.js: File conventions.

Code Ryan

1
React Secrets: Avoiding Mistakes with Request Memoization 9:48

1 year ago9:48

9:48

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.

Code Ryan

1
Avoid This Common Rookie Mistake In Next.js 7:05

1 year ago7:05

7:05

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.

Code Ryan

1
AI Taking Developer Jobs, Data Fetching Mistakes, And GraphQL 32:36

1 year ago32:36

32:36

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.

Code Ryan

1
Complete UPDATED Guide - Next.js Auth With Supabase 38:22

1 year ago38:22

38:22

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

Code Ryan

1
The 5 Biggest Mistakes of My Software Engineering Career 11:08

1 year ago11:08

11:08

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.

Code Ryan

1
Master Next.js Testing with Cypress: A Step-by-Step Guide 36:22

1 year ago36:22

36:22

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

Code Ryan

1
How To Manage Sessions In Next.js, Really 8:48

1 year ago8:48

8:48

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

Code Ryan

1
Understanding Authorization And Authentication In Next.js 11:25

1 year ago11:25

11:25

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

Code Ryan

1
NEW React 19 Hooks! useFormState And useFormStatus Revealed 19:46

1 year ago19:46

19:46

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…

Code Ryan

1
The Surprising Truth: React Server vs. Client Components 9:18

1 year ago9:18