فهرست مطالب

• About the Author
• About the Technical Reviewers
• Introduction
• Chapter 1: Introduction to React
• What Is React?
• A Brief History of React
• Why Use React?
• Virtual DOM for Performance
• Declarative Syntax
• React Hooks
• React vs. Other Frameworks
• The Structure of a React Application
• What You’ll Learn in This Book
• Summary
• Chapter 2: Setting Up Your Development Environment
• Installing Node.js and npm
• Creating a React App with create-react-app
• Alternative Setup with Vite
• Essential Tools for React Development
• Setting Up Git for Version Control
• Summary
• Chapter 3: Components, Props, and State
• Introduction to Components
• Types of Components in React
• Props: Passing Data to Components
• State: Managing Component Data
• Differences Between Props and State
• Best Practices for Using Props and State
• Example: Building a Simple User List Application
• Summary
• Chapter 4: JSX and Element Rendering
• Introduction to JSX
• Basic Rules of JSX
• Rendering Elements
• Embedding JavaScript Expressions in JSX
• Using Props for Dynamic Rendering
• Advanced JSX Techniques
• Example: Building a User Dashboard Application
• Summary
• Chapter 5: Handling Events and Conditional Rendering
• Introduction to Event Handling
• Event Handling in Functional Components
• Event Handling in Class Components
• Passing Parameters to Event Handlers
• Conditional Rendering
• Creating Reusable Functions for Component Behavior
• Example: Building an Interactive Login Form
• Summary
• Chapter 6: Lists and Keys
• Introduction to Lists in React
• Rendering Lists in React
• Understanding Keys in React
• Dynamic Lists: Adding, Removing, and Updating Items
• Nested Lists and Complex Data Structures
• Advanced Techniques: Lazy Rendering and Virtualized Lists
• Example: Product List with Add-to-Cart Functionality
• Summary
• Chapter 7: Thinking in Components
• Understanding Components
• Why Adopt a Component-Based Approach?
• Steps to Think in Components
• Types of Components
• Reusability and Composition
• Best Practices for Component Design
• Example: Designing a Shopping Cart Page
• Common Challenges When Thinking in Components
• Summary
• Chapter 8: Styling Your Application
• Importance of Styling in React Applications
• Adding Styles Using Traditional CSS
• Inline Styling in React
• CSS Modules
• CSS-in-JS Libraries
• Using Preprocessors (SCSS/SASS)
• Styling with Frameworks (Bootstrap, Tailwind)
• Responsive Design Techniques
• Best Practices for Styling
• Summary
• Chapter 9: Lifecycle Methods and Hooks
• Understanding the Component Lifecycle
• Lifecycle Methods in Class Components
• Hooks for Functional Components
• Advanced Hooks for Lifecycle Scenarios
• Example: A Timer Component with Cleanup
• Common Challenges and Solutions
• Best Practices for Lifecycle Management
• Summary
• Chapter 10: Managing State with Context and Redux
• Understanding State Management in React
• React Context API
• Introduction to Redux Toolkit
• Connecting Redux Toolkit with React Components
• Comparing Context API and Redux Toolkit
• Best Practices for State Management
• Example: Building a Shopping Cart with Redux Toolkit
• Summary
• Chapter 11: Form Handling and Validation
• Controlled vs. Uncontrolled Components
• Handling User Input
• Form Validation
• Using Third-Party Libraries
• Example: Checkout Form
• Summary
• Chapter 12: Routing and Navigation
• Understanding Routing in SPAs
• Setting Up React Router
• Core Concepts of React Router
• Nested Routes
• Protected Routes
• Lazy Loading Routes
• Error Handling
• Example: Simple Blog Navigation with React Router
• Summary
• Chapter 13: Optimizing Performance
• Understanding React’s Rendering Behavior
• Preventing Unnecessary Re-renders
• Code Splitting and Lazy Loading
• Optimizing State Management
• Optimizing Large Lists
• Optimizing Images and Media
• Network Performance
• Summary
• Chapter 14: Testing Your Application
• Why Testing Matters
• Setting Up a Testing Environment
• Unit Testing
• Integration Testing
• End-to-End Testing
• Snapshot Testing
• Mocking and Stubbing
• Summary
• Chapter 15: Security Best Practices
• Common Security Risks in React Applications
• Securing React Components
• Authentication and Authorization
• Securing API Requests
• Data Protection
• Dependency Management
• Secure Deployment
• Security Testing
• Summary
• Chapter 16: Accessibility and Internationalization
• Introduction to Accessibility and Internationalization
• Implementing Accessibility in React
• Testing for Accessibility
• Internationalization (i18n) in React
• Summary
• Chapter 17: Deployment and Continuous Integration
• Preparing Your React App for Deployment
• Deployment Platforms
• Continuous Integration and Deployment (CI/CD)
• Monitoring and Error Tracking in Production
• Summary
• Chapter 18: Integrating Third-Party Services and APIs
• Introduction to Third-Party Services
• Working with REST APIs
• GraphQL Integration
• Payment Gateway Integration
• Integrating Firebase with React
• Summary
• Chapter 19: Advanced Component Patterns
• Higher-Order Components (HOCs)
• Render Props
• Compound Components
• Controlled and Uncontrolled Components
• Custom Hooks
• Summary
• Chapter 20: Building a Real-World Retail Store App
• Setting Up the Project
• Adding Mock Data
• Organizing Product Images
• Building Core Pages and Components
• State Management with Redux
• Setting Up Redux
• Checkout with Stripe
• Routing
• Deployment
• Summary
• Index