如何使用React和TypeScript构建测验应用

Z时代
2024-01-10
分类：综合

react

Learn how to create quiz app with React and TypeScript. We've published a free course from Thomas Weibenfalk on the freeCodeCamp.org YouTube channel.

了解如何使用React和TypeScript创建测验应用程序。我们已经在freeCodeCamp.org YouTube频道上发布了Thomas Weibenfalk的免费课程。

Building projects is a great way to learn. In this course, you will learn how to create an interactive quiz application project. Thomas demonstrates all the steps clearly from start-to-finish so you can easily follow along on your own computer.

建设项目是学习的好方法。在本课程中，您将学习如何创建交互式测验应用程序项目。 Thomas从头到尾清晰地演示了所有步骤，因此您可以轻松地在自己的计算机上继续进行操作。

First, you will learn to bootstrap the app with create-react-app, using TypeScript. Then, you will learn to build out the project with React and TypeScript, including Styled-Components. The quiz questions will come from a trivia API. You will learn how to use the API with React.

首先，您将学习使用TypeScript使用create-react-app引导应用程序。然后，您将学习使用React和TypeScript(包括样式化组件)来构建项目。测验问题将来自琐事API。您将学习如何将API与React结合使用。

Using Typescript can help make sure your variables and props are what you intend since it evaluates your code during compile-time (as opposed to run-time). This becomes especially important as your program becomes larger.

使用Typescript可以帮助确保您的变量和prop是您想要的，因为它在编译时(而不是运行时)评估代码。随着您的程序变大，这变得尤为重要。

Try it here.在这里尝试。

Watch the course on the freeCodeCamp.org YouTube channel (1.5 hour watch).

在freeCodeCamp.org YouTube频道上观看课程(1.5小时观看)。