Optimize Your Code In Next.js With Server Actions Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

Додано two роки тому

Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.

Code Ryan « »
Optimize Your Code In Next.js With Server Actions

рік тому 6:29

Поширити

MP3•Головна епізоду

Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.

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

… continue reading

296 епізодів

#Tech #Ryan Solomon

Artwork

Optimize Your Code In Next.js With Server Actions

published рік тому

Поширити

MP3•Головна епізоду

Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.

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

… continue reading

296 епізодів

#Tech #Ryan Solomon

All episodes

×

1
Stop Using useEffect For This In React 6:11

2 дні тому6:11

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

6:11

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

5 днів тому10:24

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

10:24

1
This One Line Makes Your Next.js App Feel Instant ⚡ 10:06

9 днів тому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

12 днів тому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…

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

19 днів тому3: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

23 дні тому4: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

26 днів тому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.

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

30 днів тому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.

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

5 weeks тому20: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

5 weeks тому10: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

6 weeks тому11: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

6 weeks тому9: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

7 weeks тому6: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

7 weeks тому7: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

8 weeks тому7: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

8 weeks тому7: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

9 weeks тому11: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

9 weeks тому10: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

10 weeks тому8: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

11 weeks тому5: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

11 weeks тому10: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

12 weeks тому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

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

12 weeks тому7: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

13 weeks тому5: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

13 weeks тому6: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

14 weeks тому6: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

14 weeks тому6: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

15 weeks тому4: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

15 weeks тому2: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

16 weeks тому4: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

16 weeks тому6: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

17 weeks тому9: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

17 weeks тому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

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

18 weeks тому12:48

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

12:48

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

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

18 weeks тому6: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

19 weeks тому8: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

19 weeks тому4: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

20 weeks тому7: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

20 weeks тому8: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

21 weeks тому10:29

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

10:29

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

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

21 weeks тому7: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

22 weeks тому9:05

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

9:05

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

1
Actually Understanding Context In React.js 18:04

23 weeks тому18: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

23 weeks тому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

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

24 weeks тому6:12

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

6:12

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

Ласкаво просимо до Player FM!

Player FM сканує Інтернет для отримання високоякісних подкастів, щоб ви могли насолоджуватися ними зараз. Це найкращий додаток для подкастів, який працює на Android, iPhone і веб-сторінці. Реєстрація для синхронізації підписок між пристроями.

Слухайте шоу на 500+ тем

Короткий довідник

Топ подкастів

Радіо Скорбота

Кінотижневик Vertigo

Вмістожер

Громадське радіо

Радіо Донбас Реалії

Повільна розмова

Буде тобі наука

Слухайте це шоу, досліджуючи

Відтворити