Fluent React
When it comes to building user interfaces on the web, React enables web developers to unlock a new world of possibilities. This practical book helps you take a deep dive into fundamental concepts of this JavaScript library, including JSX syntax and advanced patterns, the virtual DOM, React reconcili...
| Main Author: | |
|---|---|
| Format: | eBook |
| Language: | English |
| Published: |
Sebastopol, CA
O'Reilly Media, Inc.
2024
|
| Edition: | First edition |
| Subjects: | |
| Online Access: | |
| Collection: | O'Reilly - Collection details see MPG.ReNa |
Table of Contents:
- Control Props
- Prop Collections
- Compound Components
- State Reducer
- Chapter Review
- Review Questions
- Up Next
- Chapter 6. Server-Side React
- Limitations of Client-Side Rendering
- SEO
- Performance
- Security
- The Rise of Server Rendering
- Benefits of Server Rendering
- Hydration
- Hydration Considered Harmful
- Creating Server Rendering
- Manually Adding Server Rendering to a Client-Only React App
- Hydrating
- Server Rendering APIs in React
- renderToString
- renderToPipeableStream
- renderToReadableStream
- When to Use What
- Don't Roll Your Own
- Chapter Review
- Review Questions
- Up Next
- Chapter 7. Concurrent React
- The Problem with Synchronous Rendering
- Revisiting Fiber
- Scheduling and Deferring Updates
- Diving Deeper
- The Scheduler
- Render Lanes
- How Render Lanes Work
- Processing Lanes
- Commit Phase
- useTransition
- Simple Example
- Advanced Example: Navigation
- Diving Deeper
- useDeferredValue
- Purpose of useDeferredValue
- When to Use useDeferredValue
- When Not to Use useDeferredValue
- Problems with Concurrent Rendering
- Tearing
- Chapter Review
- Review Questions
- Up Next
- Fiber as a Data Structure
- Double Buffering
- Fiber Reconciliation
- Chapter Review
- Review Questions
- Up Next
- Chapter 5. Common Questions and Powerful Patterns
- Memoization with React.memo
- Getting Fluent in React.memo
- Memoized Components That Still Rerender
- It's a Guideline, Not a Rule
- Memoization with useMemo
- useMemo Considered Harmful
- Forget About All of This
- Lazy Loading
- Greater UI Control with Suspense
- useState Versus useReducer
- Immer and Ergonomics
- Powerful Patterns
- Presentational/Container Components
- Higher-Order Component
- Render Props
- Cover
- Copyright
- Table of Contents
- Foreword
- Preface
- Conventions Used in This Book
- O'Reilly Online Learning
- How to Contact Us
- Acknowledgments
- Chapter 1. The Entry-Level Stuff
- Why Is React a Thing?
- The World Before React
- jQuery
- Backbone
- KnockoutJS
- AngularJS
- Enter React
- React's Value Proposition
- Releasing React
- The Flux Architecture
- Benefits of the Flux Architecture
- Wrap-Up: So...Why Is React a Thing?
- Chapter Review
- Review Questions
- Up Next
- Chapter 2. JSX
- JavaScript XML?
- Benefits of JSX
- Drawbacks of JSX
- Under the Hood
- How Does Code Work?
- Extending JavaScript Syntax with JSX
- The JSX Pragma
- Expressions
- Chapter Review
- Review Questions
- Up Next
- Chapter 3. The Virtual DOM
- An Intro to the Virtual DOM
- The Real DOM
- Pitfalls of the Real DOM
- Document Fragments
- How the Virtual DOM Works
- React Elements
- Virtual DOM Versus Real DOM
- Efficient Updates
- Chapter Review
- Review Questions
- Up Next
- Chapter 4. Inside Reconciliation
- Understanding Reconciliation
- Batching
- Prior Art
- Stack Reconciler (Legacy)
- The Fiber Reconciler