English | 2023 | ISBN: 1804614203 | 474 pages | True PDF | 38.22 MB

Take your first step in building modern-day component-based web apps using the latest features and capabilities of React and TypeScript with this easy-to-follow guide

Key Features

Learn to use different React hooks with TypeScript

Explore different styling approaches while building React web apps

Gain experience in using React Dev Tools to debug components

Purchase of the print or Kindle book includes a free PDF eBook

Book Description

Reading, navigating, and debugging a large frontend codebase is a major issue faced by frontend developers. This book is designed to help web developers like you learn about ReactJS and TypeScript, both of which power large-scale apps for many organizations.

This second edition of Learn React with TypeScript is updated, enhanced, and improved to cover new features of React 18 including hooks, state management libraries, and features of TypeScript 4. The book will enable you to create well-structured and reusable React components that are easy to read and maintain, leveraging modern design patterns.

You'll be able to ensure that all your components are type-safe, making the most of TypeScript features, including some advanced types. You'll also learn how to manage complex states using Redux and how to interact with a GraphQL web API. Finally, you'll discover how to write robust unit tests for React components using Jest.

By the end of the book, you'll be well-equipped to use both React and TypeScript.

What you will learn

Gain first-hand experience of TypeScript and its productivity features

Understand how to transpile your TypeScript code into javascript for running in a browser

Build a React frontend codebase with hooks

Interact with REST and GraphQL web APIs

Design and develop strongly typed reusable components

Create automated component tests

Who this book is for

This book is for experienced frontend developers looking to build large scale web applications using React and TypeScript. Intermediate knowledge of javascript, HTML and CSS is a prerequisite.

Table of Contents

Introducing React

Introducing TypeScript

Setting Up React and TypeScript

Using React Hooks

Approaches to Styling React Frontends

Routing with React Router

Working with Forms

State Management

Interacting with RESTful APIs

Interacting with GraphQL APIs

Reusable Components

Unit Testing with Jest and React Testing Library