语音支出追踪器 介绍 这是相应视频教程的代码存储库-https: 。 在本视频中，您将构建一个“复杂费用预算跟踪器”。 在构建它时，您将学习许多高级的React和Javascr ipt主题。 其中一些是React中的状态管理，上下文API，本地存储，材料UI，以及如何创建可伸缩的React文件夹结构。 但最重要的是，您将学习如何使用Speechly向应用程序添加语音功能。 设置： 运行npm i && npm start

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行该应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括

预算追踪器 一个简单的全栈预算跟踪器。 使用以下类别的50/30/20预算方法跟踪支出：需求，需求和储蓄/债务。 笔记： 使用MERN（MongoDb，Express，React，Node.Js） 要更改初始预算金额，请转到client / src / context / GlobalSate.js并在initalState内部编辑inital（文件中的第7行） 资源： 在观看教程时了我自己的内容。 有关预算编制方法的详细信息，请参阅文章。 使用您自己的Mongodb URI更新

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。您的应用已准备