Advanced Front-End Development

by Nitesh Upadhyaya

Programming

Book Details

Book Title

Advanced Front-End Development

Author

Nitesh Upadhyaya

Publisher

Apress

Publication Date

2025

ISBN

9798868813177

Number of Pages

438

Language

English

Format

PDF

File Size

2.1MB

Subject

Web Development

Table of Contents

  • 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