Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Learn React with TypeScript 3
  • Table Of Contents Toc
Learn React with TypeScript 3

Learn React with TypeScript 3

By : Carl Rippon
3.4 (11)
Buy this Book
close
close
Learn React with TypeScript 3

Learn React with TypeScript 3

3.4 (11)
By: Carl Rippon
Buy this Book

Overview of this book

React today is one of the most preferred choices for frontend development. Using React with TypeScript enhances development experience and offers a powerful combination to develop high performing web apps. In this book, you’ll learn how to create well structured and reusable react components that are easy to read and maintain by leveraging modern web development techniques. We will start with learning core TypeScript programming concepts before moving on to building reusable React components. You'll learn how to ensure all your components are type-safe by leveraging TypeScript's capabilities, including the latest on Project references, Tuples in rest parameters, and much more. You'll then be introduced to core features of React such as React Router, managing state with Redux and applying logic in lifecycle methods. Further on, you'll discover the latest features of React such as hooks and suspense which will enable you to create powerful function-based components. You'll get to grips with GraphQL web API using Apollo client to make your app more interactive. Finally, you'll learn how to write robust unit tests for React components using Jest. By the end of the book, you'll be well versed with all you need to develop fully featured web apps with React and TypeScript.
Table of Contents (14 chapters)
close
close
close
Preface
Icon
Preface
Icon
Who this book is for
Icon
What this book covers
Icon
To get the most out of this book
Icon
Get in touch
Lock Free Chapter
1
TypeScript Basics
Icon
TypeScript Basics
Icon
Technical requirements
Icon
Understanding the benefits of TypeScript
Icon
Understanding basic types
Icon
Creating interfaces, types aliases, and classes
Icon
Structuring code into modules
Icon
Configuring compilation
Icon
TypeScript linting
Icon
Code formatting
Icon
Summary
Icon
Questions
Icon
Further reading
2
What is New in TypeScript 3
Icon
What is New in TypeScript 3
Icon
Technical requirements
Icon
Tuples
Icon
The unknown type
Icon
Project references
Icon
Default JSX properties
Icon
Summary
Icon
Questions
Icon
Further reading
3
Getting Started with React and TypeScript
Icon
Getting Started with React and TypeScript
Icon
Technical requirements
Icon
Creating a React and TypeScript project
Icon
Creating a class component
Icon
Handling class component events
Icon
Class component states
Icon
Class component life cycle methods
Icon
Creating a function component
Icon
Summary
Icon
Questions
Icon
Further reading
4
Routing with React Router
Icon
Routing with React Router
Icon
Technical requirements
Icon
Installing React Router with routing types
Icon
Declaring routes
Icon
Creating navigation
Icon
Route parameters
Icon
Handling not found routes
Icon
Implementing page redirects
Icon
Query parameters
Icon
Route prompts
Icon
Nested routes
Icon
Animated transitions
Icon
Lazy loading routes
Icon
Summary
Icon
Questions
Icon
Further reading
5
Advanced Types
Icon
Advanced Types
Icon
Technical requirements
Icon
Union types
Icon
Type guards
Icon
Generics
Icon
Overload signatures
Icon
Lookup and mapped types
Icon
Summary
Icon
Questions
Icon
Further reading
6
Component Patterns
Icon
Component Patterns
Icon
Technical requirements
Icon
Container and presentational components
Icon
Compound components
Icon
Render props pattern
Icon
Higher-order components
Icon
Summary
Icon
Questions
Icon
Further reading
7
Working with Forms
Icon
Working with Forms
Icon
Technical requirements
Icon
Creating a form with controlled components
Icon
Reducing boilerplate code with generic components
Icon
Validating forms
Icon
Form submission
Icon
Summary
Icon
Questions
Icon
Further reading
8
React Redux
Icon
React Redux
Icon
Technical requirements
Icon
Principles and key concepts
Icon
Installing Redux
Icon
Creating actions
Icon
Creating reducers
Icon
Creating a store
Icon
Connecting our React app to the store
Icon
Managing state with useReducer
Icon
Summary
Icon
Questions
Icon
Further reading
9
Interacting with RESTful APIs
Icon
Interacting with RESTful APIs
Icon
Technical requirements
Icon
Writing asynchronous code
Icon
Using fetch
Icon
Using axios with class components
Icon
Using axios with function components
Icon
Summary
Icon
Questions
Icon
Further reading
10
Interacting with GraphQL APIs
Icon
Interacting with GraphQL APIs
Icon
Technical requirements
Icon
GraphQL query and mutation syntax
Icon
Using axios as a GraphQL client
Icon
Using Apollo GraphQL client
Icon
Working with cached data in Apollo
Icon
Summary
Icon
Questions
Icon
Further reading
11
Unit Testing with Jest
Icon
Unit Testing with Jest
Icon
Technical requirements
Icon
Testing pure functions
Icon
Testing components
Icon
Using Jest snapshot tests
Icon
Mocking dependencies
Icon
Getting code coverage
Icon
Summary
Icon
Questions
Icon
Further reading
12
Answers
Icon
Answers
Icon
Chapter 1: TypeScript Basics
Icon
Chapter 2: What is New in TypeScript 3
Icon
Chapter 3: Getting Started with React and TypeScript
Icon
Chapter 4: Routing with React Router
Icon
Chapter 5: Advanced Types
Icon
Chapter 6: Component Patterns
Icon
Chapter 7: Working with Forms
Icon
Chapter 8: React Redux
Icon
Chapter 9: Interacting with RESTful APIs
Icon
Chapter 10: Interacting with GraphQL APIs
Icon
Chapter 11: Unit Testing with Jest
13
Other Books You May Enjoy
chevron up
Icon
Other Books You May Enjoy
Icon
Leave a review - let other readers know what you think

Other Books You May Enjoy

If you enjoyed this book, you may be interested in these other books by Packt:

React Cookbook
Carlos Santana Roldan

ISBN: 9781783980727

  • Gain the ability to wield complex topics such as Webpack and server-side rendering
  • Implement an API using Node.js, Firebase, and GraphQL
  • Learn to maximize the performance of React applications
  • Create a mobile application using React Native
  • Deploy a React application on Digital Ocean
  • Get to know the best practices when organizing and testing a large React application

Full-Stack React Projects
Shama Hoque

ISBN: 9781788835534

  • Set up your development environment and develop a MERN application
  • Implement user authentication and authorization using JSON Web Tokens
  • Build a social media application by extending the basic MERN application
  • Create an online marketplace application with shopping cart and Stripe payments
  • Develop...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Learn React with TypeScript 3
End of Section 13
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon