- Learn React with TypeScript 3
- Carl Rippon
- 238字
- 2021-06-10 19:16:45
Getting Started with React and TypeScript
React is a JavaScript library that helps us build the frontend of an app. It allows us to structure our apps using powerful and reusable components. It helps us manage the data that the components use, and their state, in a structured fashion. It uses something called a virtual DOM to efficiently render our frontend.
TypeScript can work beautifully with React, giving us the ability to add static types to our React components. The types help our code editor to surface problems while we write our React components, and give us tools to safely refactor them.
In this chapter, we'll look at two different ways to create a React and TypeScript project. We'll create our first React component, which will be a confirmation dialog. Early topics we'll cover are JSX and strongly typed props. We'll look at handling the dialog's button click events.
We'll then look at declaring and interacting with strongly typed states, which will be used to hide and show the dialog. We'll discuss component life cycle methods, and touch on the ones that have been removed in React 17.
Finally, we'll look at function components, and when these are used.
In this chapter, we'll cover the following topics:
- Creating a React and TypeScript project
- Creating a class component
- Handling class component events
- Class component states
- Class component life cycle methods
- Creating a function component
- C語言程序設計案例教程
- Java范例大全
- Visual FoxPro程序設計教程(第3版)
- AngularJS Web Application Development Blueprints
- C語言程序設計立體化案例教程
- Mastering RStudio:Develop,Communicate,and Collaborate with R
- 量化金融R語言高級教程
- Learning OpenStack Networking(Neutron)
- Express Web Application Development
- 劍指大數據:企業級數據倉庫項目實戰(在線教育版)
- C專家編程
- PrimeFaces Blueprints
- Python Machine Learning Cookbook
- Python 3快速入門與實戰
- Get Your Hands Dirty on Clean Architecture