DR:-在本文中，我们将回顾createreact app工具主要版本中添加的新更新和特性。我们将回顾ReactJS宣布的更改，以及在这个伟大的更新中可以找到什么。我们还将讨论添加TypeScript支持以及如何使您的项目受益。创建React App 2.0-大揭幕2018年10月1日，ReactJS在推特上发布了Create React App 2.0的发布公告。有用的Create React应用程序至少可以说，一旦发布，开发者们都很兴奋。如果您使用过bash js命令，则有可能使用以下命令：创建应用程序的响应应用程序名称一旦命令开始运行，你就可以坐下来放松一下了。您将看到ReactJS负责所有的设置和配置。完成后包.json编译后，将安装初始依赖项，并为您提供初始项目结构。这个新的华丽的Create React App 2.0有什么功能？我们来看看吧！"2018年10月1日，ReactJS在推特上发布了Create React App 2.0的发布公告。至少可以说，一旦发布，开发者们都很兴奋。"在推特上留言Sass和CSS模块你有没有自己安装过Sass装载机？您是否必须自己在整个项目中配置Sass？现在，在createreact app2.0中，您可以通过一个简单的bash命令和一些文件名更改来在项目中运行Sass。运行：npm安装节点sass改变你的src/应用程序.css至src/附件scss并确保更新src顶部的文件名/应用程序js您已经准备好使用和重用样式表了。太好了！巴别塔7巴别塔发布了他们的巴别塔7版本，并没有多久，反应切换。你可以在这里了解新的巴别塔7功能。Babel很重要，因为它将ES6转换成浏览器可以阅读的代码。babel7更快，现在可以解析TypeScript语法，甚至支持React fragment语法。想了解更多关于React片段的信息吗？深入研究碎片上的反应文档。网页包4React一直使用Webpack，现在已经更新到Webpack 4。webpack4速度更快，缩短了构建时间，并允许您设置特定的环境，无论是开发环境还是生产环境。简而言之，它是一个JavaScript应用程序的模块绑定器，版本4将捆绑包拆分成更智能、性能更好的方式。webpack4有很多内容，如果你想了解更多，可以访问webpack4网站。React现在已更新到Webpack 4，一个用于JavaScript应用程序的模块绑定器在推特上留言笑话23当createreact app2.0问世时，他们用最新版本的Jest发布了它。jest23更加稳定和快速，这将在运行测试时帮助您。有了更及时的反馈和可靠的结果，你会更加自信。Jest是一个开源测试框架，刚刚更新到23版本。它有一些很棒的新功能。其中一个更新是新的监视菜单选项，称为交互式快照模式。您可以查看每个快照并查看失败的快照。复习时，你可以选择更新或跳过每一个。Jest有一个很好的更新列表，你可以在Jest的博客上找到。邮政编码postcs是一个很好的工具，有超过200个自定义插件被添加到React app2.0中。通过使用JavaScript，您可以轻松地转换CSS。createreact-App并没有这个漂亮的特性，但是React的团队认为将这个功能加入到开发人员中会是一件非常好的事情。我必须同意！如果你去邮政信箱您将看到postcs附带的功能列表。提高代码可读性将现代CSS转换为浏览器可读性更强的版本使用CSS模块将所有类和动画名称保存在本地利用了stylelint，一种现代CSS短绒提供强大的网格系统阿波罗，接力现代，MDX，和其他第三方巴贝尔宏转换想象一下，在没有额外配置或设置的情况下，能够使用第三方平台，如阿波罗、MDX或Relay Modern。现在已经不再需要先弹出就可以使用Babel宏了，createreact app2.0正在为我们处理这个设置。查看本教程，了解如何使用MDX创建React应用程序。SVG我们看到了一个SVG标签：这是一个简单的圆圈，但是一些SVG标记可能会变得很长，而且很混乱。SVG之所以很棒，是因为它们允许更清晰的线条、更丰富的颜色，并将图像转换为代码。如果我告诉你现在可以导入SVG作为React组件呢？只需在顶部导入组件：从"./SVGIcon"导入SVGIcon；在文件中使用它：或这可以为您在何处使用SVG提供很大的灵活性，并提供更好的可读性。纱线即插即用嗯，去掉节点模块似乎有些牵强，但是这个实验性的纱线即插即用允许了。如果你看看这个GitHub公关对话中的要点，你会发现它有一些令人敬畏的方面：使用即插即用的安装速度比普通安装快70%。从这个PR开始，Yarn将在CI（持续集成）上安装no-op。纱线现在可以准确地告诉您，当您忘记在依赖项中列出包时。您的应用程序将通过静态分辨率的混合方法更快地启动。如果你想在React项目中尝试一下，那就去做吧。这个特性只是一个有趣的新附加组件，完全是可选的。在这里，您将看到丹·阿布拉莫夫正在尝试纱线即插即用：代理实现要配置自己的代理吗？创建React App 2.0现在就开始吧！您只需安装依赖项：npm安装http代理中间件然后创建一个名为src的文件/设置代理.js. 一旦导入了依赖项，就可以开始了！开始就那么容易！使用为最新节点版本编写的包使用任何一个节点版本包，在babel7和webpack4的帮助下，它不会破坏构建。您不需要进行任何附加配置，并且确信它被正确绑定。更小的CSS包你很可能会把你的项目指向现代浏览器。如果您决定只针对这些，也许更小的CSS包对您的项目是有益的，并且您可以通过发出更少的请求来体验更快的加载时间。避免针对以下对象：-网络工具包-女士在你的CSS中，这将有助于保持这些绑定。而是将浏览器指向包.json.服务工人服务人员现在可以选择加入，并使用谷歌的Workbox进行构建。Workbox是一个JavaScript库，它为您的项目提供脱机支持。它可以通过缓存资产（如：字体图像JavaScriptCSS其他文件字体的增加TypeScript是一种面向对象的编程语言，与JavaScript相比，它更适合使用。使用TypeScript的一些好处是：它可以帮助更有效地查找错误。检查"类型"是否正确。语法与JavaScript相同，所以很容易开始。使用create React app启动React项目时，只需在bash命令中添加：--打字稿将TypeScript添加到项目中。添加TypeScript以创建React应用程序项目有两种方法可以在项目中激活TypeScript。将其添加到已存在的项目中：npm install—保存typescript@types/node@types/react@types/react dom@types/jest或者在新项目开始时添加：npx create react app应用程序名称--typescript以.js结尾的文件将更改为.tsx，您可以继续使用。src公司/索引.js-->src公司/索引.tsx如果将TypeScript添加到已存在的项目中，请确保重新启动开发服务器以继续进行新的更改。你可以在这里找到关于这个新的TypeScript的文档。继续使用Create React App 2.0随着React的新createreact app2.0的发布，下一个想法是，"我是否应该将我过去所有的项目更新到2.0？"。除非它坏了，别管它。但是在将来，当你使用createreact app命令启动你的项目时，你会知道你有很多新功能可以帮助你构建一个令人惊叹的项目。要了解您在特定项目中使用的Create React App版本，请前往包.json找到这一行，告诉您当前使用的是哪个版本："react脚本"："2.0.3"如果需要，也可以在这里更新到2.0。编码快乐！关于Auth0Auth0为应用程序、设备和用户提供了一个验证、授权和安全访问的平台。安全性和应用程序团队依赖Auth0的简单性、可扩展性和专业知识，使身份对每个人都有效。Auth0每月维护超过45亿次登录交易，确保身份安全，从而使创新者能够进行创新，并使全球企业能够为其全球客户提供可靠、卓越的数字体验。更多信息，请访问https://auth0.com或在Twitter上关注@auth0。Auth0文档在几分钟内实现身份验证.灯箱{宽度：100%；高度：100%；位置：固定；顶部：0；