download: React17+React Hook+TS4 最佳实践 仿 Jira 企业级项目
React17 + React Hook + TypeScript4 已成为大型React 项目质量保证的代名词,更是 2021年优秀 React 开发者必备的技术。本课程将通过完成一个功能强大的任务管理项目,带领大家掌握最佳实践,全方位提升开发效率、开发质量和技术能力。
技术要求 有 React 基础 环境参数 React 17.0.1 / TypeScript 4.0.5 / react-router : 6.0.0 / create-react-app 4.0.1 react-query: 1.0.0 / emotion: 10.0.35 / cypress: 6.1.0 / jest: 26.6.3
就在今天,React 团队正式发布了 React 17,这次发布带来了哪些内容?
没有新特性 React 17版别不同寻常,因为它没有添加任何面向开发人员的新功能。取而代之的是,该发行版主要致力于简化React自身的晋级。
逐渐晋级 之前 React 15晋级到 React 16,你需要将整个应用一次性晋级。但无疑假如存在多年前的老代码,晋级是个不小的应战。尽管可以在页面上一起运用两个版其他React,但是直到React 17依然很脆弱,并导致工作问题。
我们正在解决React 17的许多问题。这意味着当React 18和下一个未来版别问世时,您现在将有更多选择。第一种选择是像以前或许那样一次晋级整个应用程序。但是您也可以选择逐一晋级您的应用程序。例如,您或许决定将大部分应用程序迁移到React 18,但在React 17上保留一些推迟加载的对话框或子路由。
这并不意味着您有必要逐渐晋级。关于大多数应用程序,一次悉数晋级依然是最好的解决方案。加载两个版其他React(即使其中一个是按需推迟加载)依然不抱负。但是,关于没有积极保护的大型应用程序,可以考虑运用此选项,React 17可以使这些应用程序不落伍。
我们将其他更改推迟到React 17之后,便是为了本次发布能渐进晋级。假如晋级React 17过于困难,这将违反原本目的。 工作署理更改 在React 17中,React将不再在后台的文档级别附加工作处理程序。取而代之的是,它将它们附加到烘托您的React树的根DOM容器:
const rootNode = document.getElementById('root'); ReactDOM.render(, rootNode); 在React 16和更早的版别中,React将对大多数工作履行document.addEventListener()。 React 17将在后调用rootNode.addEventListener()。
其它严峻改动 在React v17 RC博客中现已描绘了其他的严峻更改。 官方现已在Facebook产品代码中的100,000多个组建中更改少于20个组件即可完结晋级,所以我们在晋级的时分应该可以轻松点。
新的JSX转化 React 17支撑新的JSX转化。我们还将对它支撑到React 16.14.0,React 15.7.0和0.14.10。需要留意的是,这是彻底选择启用的,您也不必运用它。之前的JSX转化的方法将继续存在,并且没有方案中止对其支撑。
设备 npm install react@17.0.0 react-dom@17.0.0 CDN