Working with Components in React 18

سرفصل های دوره

This course will teach you how to build React apps that use components in the best possible way while minimizing computer resources and maximizing browser UI experience.

1. Course Overview

1. Course Overview

2. Implementing Components in React Apps

1. Welcome

2. What Are Components

3. Deep Dive into a Single Component

4. Multiple Ways to Pass Parameters to Components

5. Adding Time Travel (State Changes) to a Component

6. Course Expectations

3. Exploring Our React Application

1. Introduction

2. The App Source in GitHub

3. Up and Running with Visual Studio Code

4. The Next.js Toolchain Basics

5. Review How the Todo App Works

6. Code Review of Our Todo App

7. Understanding the Todo Apps Data Layer

8. Takeaways

04. Global State Sharing and React Context

01. Introduction

02. Three Ways to Propagate State Between Components

03. Passing State as props Between Components

04. Sharing State with React Context

05. Implementing React Context in Our Layout Component

06. Move React Context into a Dedicated Component

07. Promote Context Creation to Where It Is Used

08. Enhance Components with HOCs (Higher Order Components)

09. Code a Higher Order Component (HOC)

10. Share Component State with HOCs

11. Comparing Ways to Share State Between Components

05. Handling Errors and Debugging Components

01. Introduction

02. Motivation for React Debug Tooling

03. Working with the React Dev Tools Component Tab

04. The useDebugValue Hook Basics

05. Integrating useDebugValue into Custom Theme Hook

06. An Advanced Use of useDebugValue

07. Working with the React Dev Tools Profiler Tab

08. Inspecting Component Renders with React Dev Tools

09. Adding Error Boundaries for Catching Errors in Production

10. Improving Our React Boundary Error UI

11. Takeaways

06. Improving Component UI Performance

01. Introduction

02. Fixing over Rendering Performance Problems

03. React.memo Can Solve over Rendering Problems

04. Implementing React.memo to Solve Our Re-rendering Problem

05. Advanced Usage of React.memo with a Custom Function

06. Deferring UI Updates with useDeferredValue

07. Implement useDeferredValue in the Todo App

08. Prioritizing State Updates in Components with useTransition

09. Implement useTransition in the Todo App

10. Verifying setTransition Is Working as Expected

11. Takeaways

7. Introducing Server Components

1. Introducing Server Components

2. Concurrent Rendering and Server Components

3. The Flow of Server Components

4. What, No Code

5. Going Forward with Server Components

8. Course Takeaways

1. Course Takeaways

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight