Advanced Front-End Development
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
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