Player FM - Internet Radio Done Right
Checked 16h ago
추가했습니다 two 년 전
Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.
Player FM -팟 캐스트 앱
Player FM 앱으로 오프라인으로 전환하세요!
Player FM 앱으로 오프라인으로 전환하세요!
들어볼 가치가 있는 팟캐스트
스폰서 후원
T
Tickets to Travel


1 Ep. 42 - RevPar Problems, Real Talk: When Memes meet Metrics with Calvin Tilokee 47:59
47:59
나중에 재생
나중에 재생
리스트
좋아요
좋아요47:59
Ep. 42 - RevPar Problems, Real Talk: When Memes Meet Metrics with Calvin Tilokee How do revenue managers really think? What makes hotel rates spike during Taylor Swift concerts—or Bigfoot conventions? And why do memes about ADR hit harder than your star report? In this episode of Tickets to Travel: The Business of Travel Experiences , we sit down with Calvin Tilokee of RevPAR Media, the sharp mind behind the viral @RevPARProblems Instagram account. Calvin pulls back the curtain on hotel pricing strategy, compression events, influencer marketing, and what event producers often get wrong when pitching to hotels. Whether you’re trying to block rooms for a major festival, fill your hotel over a soft week, or just want to understand the secret language of revenue managers, this episode is packed with insight and humor. This episode is a must-listen for hotel sales and revenue teams, meeting and event planners, festival promoters, and hospitality marketers. Follow @RevPARProblems on Instagram for daily hotel truths and satire. And subscribe now to hear why Calvin says: “We don’t need your group when we’re already full. Call us the week after Christmas.” For more insider conversations at the intersection of travel, ticketing, and live experiences, follow us on all socials @Tix2TravelPod and subscribe wherever you get your podcasts. If you haven’t listened yet, head to www.tttpod.com to catch up on past episodes.…
Check If A Substring Is In A String The Right Way In JavaScript
Manage episode 371224010 series 3493400
Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.
…
continue reading
297 에피소드
Manage episode 371224010 series 3493400
Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.
…
continue reading
297 에피소드
All episodes
×C
Code Ryan

1 Prevent Unnecessary Re-Renders with React’s useCallback Hook 6:52
6:52
나중에 재생
나중에 재생
리스트
좋아요
좋아요6:52
Learn how to handle uncaught errors in your Next.js apps!
Today, I cover an anti-pattern with using the useEffect hook in React.js
C
Code Ryan

Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching
C
Code Ryan

1 Controlled vs Uncontrolled Components in React | Explained Clearly 9:06
9:06
나중에 재생
나중에 재생
리스트
좋아요
좋아요9:06
Struggling to understand the difference between controlled and uncontrolled components in React? In this video, I'll walk you through simple examples of both, explain when you should use each, and show you the real-world pros and cons. 📚 What you'll learn: What a controlled component is What an uncontrolled component is How to implement both types of inputs Which approach is better for different situations Whether you're building simple forms or complex user interfaces, mastering this concept will make your React apps cleaner and easier to maintain. #react #webdevelopment #reactjs…
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.
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
C
Code Ryan

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.
C
Code Ryan

Learn the recommended way to fetch data in Next.js as well as some patterns to know about client and server components.
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.
docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components
C
Code Ryan

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

1 Understanding Rendering in React & Next.js (The Full Picture) 9:38
9:38
나중에 재생
나중에 재생
리스트
좋아요
좋아요9:38
Docs: https://nextjs.org/docs/app/building-your-application/rendering
C
Code Ryan

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations
Learn how to use Suspense and streaming for sequential data fetching in Next.js
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#reference
C
Code Ryan

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

Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware
Docs: https://react.dev/learn/you-might-not-need-an-effect#subscribing-to-an-external-store
C
Code Ryan

Docs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes
Parallel Routes Docs: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes#loading-and-error-ui
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
C
Code Ryan

Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params
Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers
Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params
Docs: https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes
Route Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups
Docs: https://react.dev/learn/you-might-not-need-an-effect#resetting-all-state-when-a-prop-changes
C
Code Ryan

Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
C
Code Ryan

1 This Is A Beginner Mistake You Should Avoid (Client-side Routing) 6:31
6:31
나중에 재생
나중에 재생
리스트
좋아요
좋아요6:31
Docs: https://nextjs.org/docs/app/api-reference/functions/use-router#disabling-scroll-to-top
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
Learn how to use the redirect and permanenetRedirect functions in Next.js -- https://nextjs.org/docs/app/building-your-application/routing/redirecting#redirect-function
C
Code Ryan

1 How To Actually Use The useEffect Hook In Modern React.js 12:48
12:48
나중에 재생
나중에 재생
리스트
좋아요
좋아요12:48
Docs: https://react.dev/learn/synchronizing-with-effects
C
Code Ryan

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

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

1 The Right Way To Handle Instant Loading States In Next.js 15 4:39
4:39
나중에 재생
나중에 재생
리스트
좋아요
좋아요4:39
Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming
C
Code Ryan

https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs
Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling#uncaught-exceptions
https://react.dev/learn/referencing-values-with-refs#recap
Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling
Docs: https://nextjs.org/docs/app/api-reference/functions/use-router
Docs: https://react.dev/learn/passing-data-deeply-with-context Starter Project: https://github.com/coderyansolomon/react-context
Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating Link API - https://nextjs.org/docs/app/api-reference/components/link
Docs: https://react.dev/learn/passing-data-deeply-with-context
Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates
Docs: https://react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer
Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates
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
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
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
Learn how to define routes in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/routing/defining-routes
Docs: https://react.dev/learn/preserving-and-resetting-state#
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
Today, I discuss what it means to lift state in React.js and show you an example of how this might be done.
Today, I cover 5 principles of structuring state in your React applications. Docs: https://react.dev/learn/choosing-the-state-structure#
C
Code Ryan

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
Today, I show you a cool new feature of Next.js 15 forms: Client Side Navigation
I show you a step by step process for how to think about using state in React.js
Today, I discuss declarative vs imperative programming in the context of React.js and why it matters.
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.
Today, I show some examples of mistakes you can make (bad ideas) when working with arrays in React.js state
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
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.
I discuss my experience with having a college degree for software engineering and if I think it's needed or not.
A common anti-pattern or mistake that's easy to make in your web apps is creating waterfalls with your network requests.
C
Code Ryan

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

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.
Today, I do my best to clearly explain how snapshots work in React and why they're important to understand.
Today, I'm going to fully explain the rendering, re-rendering, and committing phases in React.js
Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together.
https://nextjs.org/docs/app/api-reference/functions/revalidatePath
C
Code Ryan

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.…
C
Code Ryan

1 Master React in Minutes: Essential Event Handling Techniques 20:52
20: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…
C
Code Ryan

Learn how to build a cool scroll-snap feature in Next.js using Tailwind CSS! Final Code: https://github.com/coderyansolomon/scrollsnap
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
Today, I discuss a helpful stragety that has helped improve my productivity as a software engineer while saving me some mental fatigue as well.
Today, I discuss what I think is one of the hardest parts about software engineering.
C
Code Ryan

1 React State Explained: The Key to Dynamic Apps (Beginner's Guide) 4:56
4:56
나중에 재생
나중에 재생
리스트
좋아요
좋아요4:56
Today, I cover exactly what state is in React.js.
C
Code Ryan

1 5 Things I Love About Being a Software Engineer (And You Will Too) 6:20
6: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.
C
Code Ryan

1 Unlock React's Power: Understand Your UI as a Tree Structure 10:11
10: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.
Today, I'm going to cover 5 downside (plus one bonus) of working full time as a professional software engineer.
C
Code Ryan

1 What is React.js, really? Complete Guide For Beginners and Pros 15:40
15: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.
C
Code Ryan

1 Master React.js Lists: Easy Rendering Techniques Explained! 13:13
13: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
C
Code Ryan

1 Next.js Pitfalls: Avoiding Unsupported Client and Server Patterns 8:06
8: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…
C
Code Ryan

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

1 Boost Your Next.js Skills: Learn useParams for Dynamic Routes 10:14
10: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
C
Code Ryan

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!
C
Code Ryan

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!
C
Code Ryan

1 Next.js Redirects 101: Simplify Your Routing Like a Pro! 13:28
13: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
C
Code Ryan

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

C
Code Ryan

1 Essential Next.js: Private Routes, Colocation, and Advanced Routing Explained! 15:50
15: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
C
Code Ryan

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

1 Stop Overlooking This Critical React.js Concept: Pure Components 19:26
19: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!
C
Code Ryan

1 Next.js Layouts Made Easy: Complete Guide with Nested Layouts 15:06
15:06
나중에 재생
나중에 재생
리스트
좋아요
좋아요15:06
GitHub: https://github.com/coderyansolomon/nested Learn layouts and Nested layouts in modern Next.js!
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!
C
Code Ryan

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
C
Code Ryan

1 Is AI a Threat to Developer Jobs? Plus Insights on React and Next.js - Ft. Colby Fayock 28:53
28:53
나중에 재생
나중에 재생
리스트
좋아요
좋아요28:53
Colby's YouTube: @colbyfayock
C
Code Ryan

1 Mastering Quota Management in Your Next.js SaaS Application 23:18
23: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
C
Code Ryan

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
C
Code Ryan

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!
C
Code Ryan

1 Become a Next.js Routing Pro: Dynamic & Catch-All Routes Tutorial 15:10
15: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.…
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.
C
Code Ryan

1 Level Up Your Dev Skills: Game Building and Learning in JavaScript 32:14
32:14
나중에 재생
나중에 재생
리스트
좋아요
좋아요32:14
C
Code Ryan

1 Master NextAuth v5 Database Integration: Step-by-Step Tutorial 10:16
10: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!
C
Code Ryan

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

1 Must-Know Next.js Tip: Stop Making This Serialization Mistake! 9:36
9: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…
C
Code Ryan

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
C
Code Ryan

Lucas's website: https://beacons.ai/lsantos
C
Code Ryan

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/…
C
Code Ryan

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.
C
Code Ryan

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.
C
Code Ryan

1 AI Taking Developer Jobs, Data Fetching Mistakes, And GraphQL 32:36
32: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.
C
Code Ryan

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
C
Code Ryan

1 The 5 Biggest Mistakes of My Software Engineering Career 11:08
11: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.
C
Code Ryan

1 Master Next.js Testing with Cypress: A Step-by-Step Guide 36:22
36: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
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
C
Code Ryan

1 Understanding Authorization And Authentication In Next.js 11:25
11: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
C
Code Ryan

1 NEW React 19 Hooks! useFormState And useFormStatus Revealed 19:46
19: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…
C
Code Ryan

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
C
Code Ryan

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
C
Code Ryan

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.…
C
Code Ryan

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.
C
Code Ryan

1 React Routing Redefined: Master Non-Nested Trees with TanStack 15:07
15:07
나중에 재생
나중에 재생
리스트
좋아요
좋아요15:07
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.…
C
Code Ryan

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.…
C
Code Ryan

1 Master React.js Routing: TanStack Route Trees Deep Dive! 39:48
39:48
나중에 재생
나중에 재생
리스트
좋아요
좋아요39:48
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.…
C
Code Ryan

1 Master Forms In React.js: The Ultimate Crash Course for Developers! 33:16
33:16
나중에 재생
나중에 재생
리스트
좋아요
좋아요33:16
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.…
C
Code Ryan

1 From Zero to Web Developer: A Comprehensive Roadmap for Beginners 20:10
20:10
나중에 재생
나중에 재생
리스트
좋아요
좋아요20:10
In today's video, I describe how I would approach becoming a full time web developer if I had to start over from scratch in 2024.
C
Code Ryan

1 Navigating AI and Software 3.0: A Tech Career Guide for Developers 31:01
31:01
나중에 재생
나중에 재생
리스트
좋아요
좋아요31:01
Swyx's website: https://www.swyx.io Letent Space: https://www.latent.space/ Swyx on YouTube: https://www.youtube.com/swyxTV In this interview, we delve into the dynamic world of tech with Swyx, a prominent figure in the AI and software development sphere. Swyx shares his journey in the tech industry, focusing on his transition into the realm of AI and its implications for the future of software development. We explore the concept of 'Software 3.0' and its transformative impact, particularly on web developers. Swyx offers his insights on how AI and developers can synergize, potentially reshaping the role of AI in coding and the evolving responsibilities of AI engineers. Addressing a common concern, he discusses whether developers should worry about job security in an AI-centric future. Swyx also provides valuable advice for developers seeking to stay relevant and harness the power of AI tools, recommending specific areas of AI to focus on.…
C
Code Ryan

Parth's YouTube: https://www.youtube.com/DestinationFAANG/ Most asked Technical Questions: https://docs.google.com/spreadsheets/d/1hzP8j7matoUiJ15N-RhsL5Dmig8_E3aP/edit#gid=1377915986 Github Repo with all the Solutions: https://github.com/DestinationFAANG/Destination-FAANG-Java-Solution Book: Cracking the Coding Interview, Programming interviews exposed Preparation Schedule: https://www.techinterviewhandbook.org/coding-interview-study-plan/ Master Technical Interviews: https://youtu.be/-LVmKNvflnY?si=jrXIS8uzf9haBVED In this episode, Parth joins me to delve deep into the heart of technical interviews, a critical gateway in the tech industry. Our comprehensive discussion covers the various formats of technical interviews across different companies, highlighting the diversity and commonalities in these crucial assessments. We explore the typical pitfalls and mistakes that candidates often encounter, providing practical advice on how to avoid them. Our conversation also navigates through effective strategies for tackling tough technical questions, even when the answer seems elusive.…
C
Code Ryan

1 Next.js 14 Data Fetching - Avoid THIS Mistake Making Your Apps SLOW 18:31
18:31
나중에 재생
나중에 재생
리스트
좋아요
좋아요18:31
Github: https://github.com/coderyansolomon/data-fetching-patterns In this video, I go over sequential VS parallel data fetching in next.js. I'll show you a practical example of how easy it is to accidentally slow down your application as well as how to solve that issue.
C
Code Ryan

1 (Interview) Is Solid JS Better Than React JS? A Web Framework Breakdown 37:06
37:06
나중에 재생
나중에 재생
리스트
좋아요
좋아요37:06
Atila's website: https://atila.io/ Join us in this enlightening episode of the Code Ryan podcast as Atila delves deep into the realm of web development frameworks, dissecting the nuances between SolidJS and React. From their core concepts, strengths, and integration capabilities to potential pitfalls for newcomers, Atila provides a comprehensive breakdown, helping listeners discern the true essence and potential of these two powerhouse frameworks.…
C
Code Ryan

1 Next.js 14 Server Actions Explained: Building a Full Stack App 37:50
37:50
나중에 재생
나중에 재생
리스트
좋아요
좋아요37:50
GitHub: https://github.com/coderyansolomon/grudge-list TimeStamps: 00:00 - Intro and Overview of Server Actions 02:40 - Setup database and create table 14:07 - Setup User Interface 18:44 - Setup Server Action 25:20 - Get data from our Database 28:00 - Revalidate Path 32:37 - useFormStatus Dive into the cutting-edge world of Next.js 14 with our comprehensive video that not only gives you a theoretical overview of the newly introduced server actions but also walks you through the exciting journey of building a full stack application from scratch. This tutorial is crafted to demystify server actions and showcase their practical implementation, providing you with the insights and hands-on experience needed to elevate your web development skills.…
C
Code Ryan

1 Master Partial Rendering in Next.js 14: A Complete Tutorial 20:46
20:46
나중에 재생
나중에 재생
리스트
좋아요
좋아요20:46
GitHub Project: https://github.com/coderyansolomon/partial-rendering Explore the intricacies of partial rendering in Next.js 14 with this detailed tutorial. Delve into the fundamentals and understand how this feature can enhance your web applications. Through real-world examples, we'll demonstrate the practical applications of partial rendering, ensuring you grasp its full potential.…
C
Code Ryan

1 Next.js Decoded: Insights and Experiences w/ @TuomoKankaanpaa 27:47
27:47
나중에 재생
나중에 재생
리스트
좋아요
좋아요27:47
Tuomo on YouTube: @TuomoKankaanpaa In this episode of the Code Ryan podcast, we sit down with the insightful Tuomo to chart his unique journey in the tech world and delve deep into the universe of Next.js. From personal anecdotes on learning and using Next.js to invaluable advice for budding developers, Tuomo covers it all…
C
Code Ryan

Diving into the world of coding can be both exhilarating and daunting. In this video, I unravel my personal journey into the realm of programming, highlighting the pitfalls, misconceptions, and invaluable lessons that shaped my experience.
C
Code Ryan

1 Build & Deploy an AI Chat App: Next.js 13 App Router Tutorial 30:01
30:01
나중에 재생
나중에 재생
리스트
좋아요
좋아요30:01
GitHub Project: https://github.com/coderyansolomon/ai-chat Cohere: https://dashboard.cohere.com/welcome/login I'm not going to link my deployed project, as I just have the free trial account so there's a chance it wouldn't work when you go to check it out. Unlock the power of Next.js 13 as we dive deep into its routing capabilities in this comprehensive tutorial. Discover how to seamlessly build and deploy a cutting-edge AI chat application, ensuring you gain hands-on experience and master the nuances of modern web development.…
C
Code Ryan

In this podcast, Florian from the YouTube channel @codinginflow joins me to discuss what you need to know about the latest Next.js app router. We discuss his tech journey as well as getting into the details about how to migrate from the pages router to the app router in Next.js and same major difference between the two.…
C
Code Ryan

1 Send Emails In Your Next.js 13 Application Using Postmark! 32:56
32:56
나중에 재생
나중에 재생
리스트
좋아요
좋아요32:56
GitHub Project: https://github.com/coderyansolomon/nextjs-emails/tree/main In this Next.js 13 app router tutorial, I show you how you can send emails programmatically in your Next.js applications. For this solution, I use Postmark as a service to handle sending regular and templated emails.
C
Code Ryan

1 Your Complete Guide To Next.js Authentication With Supabase 48:47
48:47
나중에 재생
나중에 재생
리스트
좋아요
좋아요48:47
Github project: https://github.com/coderyansolomon/next-auth-supabase In this video, I give you a complete guide to authenticate your Next.js applications using Supabase. We cover client auth, server auth, and protexted routes.
C
Code Ryan

1 Developer Career Insights And Firebase 101 w/ Rafid Hoda 30:31
30:31
나중에 재생
나중에 재생
리스트
좋아요
좋아요30:31
Join us in this episode of the Code Ryan podcast as we delve into the world of Firebase with our esteemed guest, Rafid Hoda. Charting his unique tech journey, Rafid unpacks the intricacies of Firebase, highlighting its standout features, integration capabilities, and common pitfalls for beginners. Rafid's Firebase Course - https://scrimba.com/learn/learnfirebase (I make no affiliate income from the course. But I think it's probably a great resource for learning Firebase)…
C
Code Ryan

1 Authenticate Your Next.js Application Using Appwrite | Complete Guide 32:23
32:23
나중에 재생
나중에 재생
리스트
좋아요
좋아요32:23
Github Project: https://github.com/coderyansolomon/appwrite-auth In this Next.js 13 app router tutorial, I show you how you can authenticate your applications using Appwrite.
플레이어 FM에 오신것을 환영합니다!
플레이어 FM은 웹에서 고품질 팟캐스트를 검색하여 지금 바로 즐길 수 있도록 합니다. 최고의 팟캐스트 앱이며 Android, iPhone 및 웹에서도 작동합니다. 장치 간 구독 동기화를 위해 가입하세요.