Learn React with TypeScript: A beginner’s guide to reactive web development with React 18 and TypeScript

Take your first step in building modern-day component-based web apps the use of 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 even as building React web apps
• Gain experience in the use of 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 have the ability to make sure that your entire components are type-protected, benefiting from TypeScript features, including some advanced types. You’ll also learn to manage complex states the use of Redux and how to interact with a GraphQL web API. After all, you’ll discover how to write robust unit tests for React components the use of Jest.
By the end of the book, you’ll be well-equipped to use both React and TypeScript.

What you are going to 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 the use of React and TypeScript. Intermediate knowledge of JavaScript, HTML and CSS is a prerequisite.

Table of Contents

1. Introducing React
2. Introducing TypeScript
3. Setting Up React and TypeScript
4. Using React Hooks
5. Approaches to Styling React Frontends
6. Routing with React Router
7. Working with Forms
8. State Management
9. Interacting with RESTful APIs
10. Interacting with GraphQL APIs
11. Reusable Components
12. Unit Testing with Jest and React Testing Library