Player FM - Internet Radio Done Right
Checked 2d ago
تمت الإضافة منذ قبل two أعوام
المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
Player FM - تطبيق بودكاست
انتقل إلى وضع عدم الاتصال باستخدام تطبيق Player FM !
انتقل إلى وضع عدم الاتصال باستخدام تطبيق Player FM !
المدونة الصوتية تستحق الاستماع
برعاية
A
Accidental CEO Podcast


1 72: If You Want to Grow—Stop Fixing the Wrong Problem 16:32
16:32
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب16:32
You’re busy—but are you actually growing? In this episode, Nata Salvatori exposes a trap that’s costing service providers time, money, and sanity: chasing busywork that feels productive but doesn’t move the needle. She walks through a clear, five-step growth path—from clarifying your offer, validating through real sales, delivering sustainably, building repeatable systems, to scaling confidently. You’ll learn: How to spot and ditch “fake work” Why clarity beats complexity every time How to use real feedback to validate your offers Delivery tips that prevent burnout System creation that enables scaling How to honor your current phase of growth 📌 Ready to stop spinning your wheels and make real moves? Map your phase, pick your next action, and don’t be afraid to ask for help: 👉 accidentalceo.co/coaching Support the show…
Prevent This Race Condition In React.js
Manage episode 476984444 series 3493400
المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
…
continue reading
297 حلقات
Manage episode 476984444 series 3493400
المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
…
continue reading
297 حلقات
كل الحلقات
×
1 Finally Understand props.children In React.js 5:21
5:21
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب5:21
Finally Understand props.children In React.js

1 Software Engineering in 2035: Will We Still Matter? 9:57
9:57
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:57

1 Next.js: Optimize & Use Google + Local Custom Fonts 9:19
9:19
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:19

1 3 JavaScript Features You Need To Know For React 13:38
13:38
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب13:38
3 JavaScript Features You Need To Know For React

1 Pro Next.js Developers Understand This | Fetch Revalidation 9:04
9:04
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:04
Learn how revalidation works in your fetch requests in Next.js

1 Prevent Unnecessary Re-Renders with React’s useCallback Hook 6:52
6:52
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:52

1 Supercharge React Performance with useMemo 7:01
7:01
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:01
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

1 5 JavaScript Tricks You Wish You Knew Sooner 10:24
10:24
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:24

1 This One Line Makes Your Next.js App Feel Instant ⚡ 10:06
10:06
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:06
Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching

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

1 An AI Tool That's Actually Worth It For Developers 7:32
7: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.
C
Code Ryan

1 This One Fix Makes Your Next.js App Faster and Cleaner 8:48
8: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.
C
Code Ryan

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

1 What "use client" Really Does In Next.js 10:17
10:17
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:17
docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components
C
Code Ryan

1 Finally Understand Server Components In Next.js 11:36
11:36
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب11:36
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

1 Optimize Your Code In Next.js With Server Actions 6:29
6:29
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:29
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations
C
Code Ryan

1 Stream Your Data To Fix Bad UX In Next.js 15 7:57
7:57
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:57
Learn how to use Suspense and streaming for sequential data fetching in Next.js
C
Code Ryan

1 Developers Really Need To Be Aware Of This 7:32
7:32
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:32
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns
C
Code Ryan

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

1 Did You Know This About Custom Hooks In React.js? 11:51
11:51
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب11:51
Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap
C
Code Ryan

1 Your Complete Guide To Middleware In Next.js 15 10:47
10:47
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:47
Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware
C
Code Ryan

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

1 This Is A Core Concept To Understand About React.js 5:43
5:43
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب5:43
Docs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes
C
Code Ryan

1 Your Guide To Parallel Routes In Next.js 15 10:24
10:24
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:24
Parallel Routes Docs: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes#loading-and-error-ui
C
Code Ryan

1 How To Stop Running Code Twice In React.js 4:26
4: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
C
Code Ryan

1 Did You Know This Advanced Routing Technique In Next.js? 7:31
7:31
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:31
Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params
C
Code Ryan

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

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

1 Pro Next.js Developers Know How To Do This 6:17
6:17
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:17
Route Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups
C
Code Ryan

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

1 A Core Next.js Fundamental You Need To Know About 2:58
2:58
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب2:58
Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware
C
Code Ryan

1 Senior Developers Don't Make This Mistake 4:08
4:08
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب4:08
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
C
Code Ryan

1 2 Mistakes Pro React Developers Don't Make 9:04
9:04
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:04
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
C
Code Ryan

1 Did You Know How To Do This In Next.js 15? 4:08
4: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
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

1 Unlock PRO UX with Streaming Web Components in Next.js 6:56
6:56
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:56
Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense
C
Code Ryan

1 3 Key Concepts Professional React Developers Master 8:58
8:58
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب8:58
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

1 Correctly Using Refs With DOM Elements In React.js 7:09
7:09
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:09
https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs
C
Code Ryan

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

1 What Are Refs In React.js, Really? Why? 10:29
10:29
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:29
https://react.dev/learn/referencing-values-with-refs#recap
C
Code Ryan

1 PRO Next.js 15 Error Handling - Expected Errors 7:09
7:09
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:09
Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling
C
Code Ryan

1 Optimize Client Side Navigation In Next.js 15 9:05
9:05
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:05
Docs: https://nextjs.org/docs/app/api-reference/functions/use-router
C
Code Ryan

1 Actually Understanding Context In React.js 18:04
18:04
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب18:04
Docs: https://react.dev/learn/passing-data-deeply-with-context Starter Project: https://github.com/coderyansolomon/react-context
C
Code Ryan

1 The Recommended Way To Link In Next.js 15 10:10
10: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
C
Code Ryan

1 Avoid This Problem In React.js - Prop Drilling 6:12
6:12
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:12
Docs: https://react.dev/learn/passing-data-deeply-with-context
C
Code Ryan

1 Are Templates Better Than Layouts In Next.js? 6:20
6:20
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:20
Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates
C
Code Ryan

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

1 How To Use Layouts Correctly In Next.js 15 12:30
12:30
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب12:30
Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates
C
Code Ryan

1 Master React State By Solving This Problem 5:26
5: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
C
Code Ryan

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

1 The Wrong Way To Manage State In React.js 5:30
5: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
C
Code Ryan

1 A Next.js Fundamental You Need To Master 13:18
13:18
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب13:18
Learn how to define routes in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/routing/defining-routes
C
Code Ryan

1 This Is A Common Misconception In React.js 9:19
9:19
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:19
Docs: https://react.dev/learn/preserving-and-resetting-state#
C
Code Ryan

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

1 A Fundamental React.js Concept - Lifting State 9:33
9: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.
C
Code Ryan

1 This Is How To Structure State In React.js 11:19
11:19
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب11:19
Today, I cover 5 principles of structuring state in your React applications. Docs: https://react.dev/learn/choosing-the-state-structure#
C
Code Ryan

1 The Top 3 Next.js 15 Project Organization Strategies 9:07
9: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
C
Code Ryan

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

1 The Modern Guide To Using State In React.js 17:22
17:22
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب17:22
I show you a step by step process for how to think about using state in React.js
C
Code Ryan

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

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

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

1 This Is A New Helpful Feature In Next.js 15 6:13
6: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
C
Code Ryan

1 Doing This Is A Bad Idea In Your React Apps 11:55
11: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.
C
Code Ryan

1 Do You Need A Degree For Software Engineering? 8:55
8:55
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب8:55
I discuss my experience with having a college degree for software engineering and if I think it's needed or not.
C
Code Ryan

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

1 React State Updates Explained: Why Is Your State Wrong? 12:58
12:58
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب12:58
What does it mean for React to "batch" state updates? Why does it matter?
C
Code Ryan

1 Master 3 Essential Next.js Concepts in 3(ish) Minutes! 4:26
4: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.
C
Code Ryan

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

1 Most React Developers Don't Understand This 11:04
11:04
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب11:04
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.
C
Code Ryan

1 The Next.js Mistake That Breaks Your Data 5:43
5:43
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب5:43
https://nextjs.org/docs/app/api-reference/functions/revalidatePath
C
Code Ryan

1 React State: The Key to Dynamic UIs Explained! 26:51
26: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.…
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

1 EASY UX Upgrade: Snap Scrolling with Next.js & Tailwind 19:50
19: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
C
Code Ryan

1 Avoid This Common React Mistake Newbies Make 7:34
7: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
C
Code Ryan

1 The Surprising Key to Overcoming Coding Blocks 4:42
4: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.
C
Code Ryan

1 THIS Is The HARDEST Part Of Software Engineering 6:38
6:38
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:38
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.
C
Code Ryan

1 5 Things I HATE About Being A Software Engineer 8:10
8:10
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب8:10
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

1 How to Use Conditional Rendering in React.js Like a Pro 14:26
14: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!
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

1 Master React Props: The Ultimate Guide In 2024 25:27
25: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!
C
Code Ryan

1 How React.js Components Work: A Step-by-Step Guide 24:29
24: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!
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

1 Next.js Streaming: Deliver Better User Experiences 9:54
9:54
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:54
Learn how streaming and suspense can help improve your Next.js applications! Code: https://github.com/coderyansolomon/streaming
C
Code Ryan

1 Pro Software Engineers Know These 10 Command Line Tips 13:31
13:31
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب13:31
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

1 A Crucial Lesson Every Software Engineer Should Know 3:47
3:47
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب3:47
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 Clean Next.js Code With Prettier: Fast Configuration! 8:51
8: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/…
C
Code Ryan

1 Next.js Tutorial: Solving Client-Server Component Errors 8:03
8: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.…
C
Code Ryan

1 Next.js Secrets: File Conventions Explained! 21:37
21:37
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب21:37
Today, I cover something that really didn't make sense to me when I first started using Next.js: File conventions.
C
Code Ryan

1 React Secrets: Avoiding Mistakes with Request Memoization 9:48
9: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.
C
Code Ryan

1 Avoid This Common Rookie Mistake In Next.js 7:05
7: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.
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

1 Complete UPDATED Guide - Next.js Auth With Supabase 38:22
38: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
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
C
Code Ryan

1 How To Manage Sessions In Next.js, Really 8:48
8: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
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

1 The Surprising Truth: React Server vs. Client Components 9:18
9:18
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:18
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

1 Software Engineering Myths with Ex-Google Engineer 39:31
39:31
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب39:31
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

1 Optimize Performance In React.js With Lazy Loading 13:38
13:38
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب13:38
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

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

1 Effortless Speed: Next.js Lazy Loading 19:08
19: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!
C
Code Ryan

1 Don't Overlook This Next.js Performance Optimization 12:05
12: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
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

1 Effortlessly Manage SaaS Permissions in Next.js! 24:09
24: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
C
Code Ryan

1 Quickly Authenticate Your Next.js SaaS Application! 31:47
31: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!
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.…
C
Code Ryan

1 Build Smarter with Next.js: Routing Basics 20:37
20: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.
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

1 Master NextAuth v5: Next.js Authentication Made Easy 31:35
31:35
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب31:35
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

1 Essential Next.js Tip: Avoid This Caching Mistake 7:32
7: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
C
Code Ryan

1 Startups Vs Tech Giants, Node.js Test Runner, and More 44:31
44:31
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب44:31
Lucas's website: https://beacons.ai/lsantos
C
Code Ryan

1 What Is Coming In React.js 19? New Features Revealed 8:50
8:50
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب8:50
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

1 Master Pathless Routes In React.js with TanStack 13:27
13:27
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب13:27
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 Pro Tips For React.js, React Mistakes To Avoid, Dev Freelancing, and More! 33:21
33:21
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب33:21
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!
C
Code Ryan

1 Locking Down Next.js Security: Safeguard Your App! 20:25
20:25
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب20:25
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.…
C
Code Ryan

1 Elevate Your React Projects with TanStack Router: An Introduction 21:14
21:14
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب21:14
GitHub: https://github.com/coderyansolomon/tanstack-intro This video serves as an introductory guide to TanStack Router, showcasing it as a modern alternative to React Router for managing navigation in React applications. I'll go over a basic setup of this router as well.
C
Code Ryan

1 How I Nailed My First Software Engineering Interview: Tips & Tricks 17:33
17:33
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب17:33
In this video, I delve into my personal journey of landing my first software engineering job, with a special focus on the interview process. I'll share the preparation strategies that worked for me. Plus, I'll offer insider tips and insights on navigating the challenging world of tech interviews, aimed at helping aspiring software engineers secure their dream job.…
C
Code Ryan

1 Next.js Best Practices: Protecting Server Code from Client Access 15:06
15:06
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب15:06
GitHub: https://github.com/coderyansolomon/server-only API: https://developer.themoviedb.org/reference/intro/getting-started In this insightful Next.js tutorial, viewers will learn the crucial technique of keeping server-only code out of the client environment. The tutorial delves into the common issue faced in JavaScript modules shared between server and client components, where server-specific elements, such as private API keys, may unintentionally become exposed on the client side. By focusing on a practical example of a data-fetching function, the tutorial demonstrates how seemingly universal functions can inadvertently include server-only code.…
C
Code Ryan

1 Step-by-Step: Implementing Social Auth in Next.js 22:53
22:53
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب22:53
Github: https://github.com/coderyansolomon/social-auth In this comprehensive tutorial video, viewers will embark on a journey to master the integration of social authentication into a Next.js application using Supabase. The video provides a step-by-step guide, starting from the basics of setting up a Next.js project, to the intricacies of configuring Supabase for social login functionalities.…
C
Code Ryan

1 Effortless Protected Routes In Next.js Using Middleware 15:20
15:20
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب15:20
Github project: https://github.com/coderyansolomon/middleware In this engaging tutorial, we dive into the world of Next.js to explore the powerful role of middleware in creating secure, protected routes. Tailored for both beginners and seasoned developers, the video offers a concise yet comprehensive guide, demonstrating step-by-step how to implement middleware for route protection in Next.js applications.…
C
Code Ryan

1 Breaking into Code: A Newcomer's Guide 27:54
27:54
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب27:54
Jessica's Twitter: https://twitter.com/codergirl1991 Topics covered include: transitioning into tech, landing your first job, networking, JavaScript struggles, when to learn React.js, and much more!
C
Code Ryan

1 Unlock Next.js Basics: A Beginner's Guide to Routing, Data Fetching, and More 41:40
41:40
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب41:40
Final Code: https://github.com/coderyansolomon/getting-started Get started with Next.js! This video covers what Next.js is, prerequisites of Next.js, and some main features of Next.js including routing, data fetching, and client/server components.
C
Code Ryan

1 From Novice to Engineer: Secrets to Scoring Your First Tech Role 32:05
32:05
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب32:05
James' YouTube: @Smoljames In this podcast, we delve into the journey of transitioning into the world of software engineering. Listeners will gain insights and practical strategies for overcoming challenges and successfully securing their first job in the tech industry. Featuring expert advice and real-life success stories, this episode is a must-listen for anyone aspiring to break into the dynamic and rewarding field of software engineering.…
مرحبًا بك في مشغل أف ام!
يقوم برنامج مشغل أف أم بمسح الويب للحصول على بودكاست عالية الجودة لتستمتع بها الآن. إنه أفضل تطبيق بودكاست ويعمل على أجهزة اندرويد والأيفون والويب. قم بالتسجيل لمزامنة الاشتراكات عبر الأجهزة.