阿特伍德定律,指的是任何应用程序,可以用JavaScript编写的,最终会用JavaScript编写的,意即“任何可以用JavaScript来写的应用,最终都将用JavaScript来写“
在使用新技术的时候,切忌要一步一步的来,如果当你尝试把两门不熟悉的新技术一起结合使用,你很大概率会被按在地上摩擦,会纱/npm和反应脚手架等技术是前提,后面我会继续写PWA深入和node . js集群负载均衡Nginx, webpack原理解析等~谢谢思否官方对我上篇文章的加精~
在使用打印稿前,请你务必万分投入学习好以下内容再尝试:
<李>打印稿必须知识点:
<李> javaScript教程必须要多看几遍,看仔细了,否则你会被TS按在地上摩擦李
<李>打印稿文档,什么是打印稿,一定要看得非常仔细,因为有可能开发时一个极小的问题是你不会的知识点,那么可能会耗费你大量的时间去解决李
<李>前端性能优化不完全手册,这是本人的一篇文章,也应该看看。哈哈哈~
<李>介绍完了配置,后面会有大量的总结~
李
<李>反应直接看文档,反应官方中文文档,我认为反应的中文文档已经写得非常好了,学起来还是比较简单的~
<李>回来的,学习回来的之前,建议把官方文档看几遍,然后道具背景自定义事件pubsub-js这些组件传递数据的方式都用熟悉后再上回来的,因为回来的写法非常固定,只是在TS中无法使用修饰器而已,需要最原始的写法。后面的代码有注释,到时候可以看看。(钩子和特殊都可以尝试使用,因为反应的未来可能大概率使用这些写法)回来的官方文档
<李> Ant-Design,目前反应生态最好的UI组件库,百分90的使用率,移动端,电脑端都支持,pro还可以开箱即用,强烈推荐,开启配置按需加载,后台b项目用起来不要太舒服.Ant-Design官网~
学技术切忌过分急躁,一步登天,什么都想学却什么都学不好。作者的心得,持之以恒的努力,把每个技术逐个击破,最后结合起来使用,如鱼得水,基础不牢,地动山摇,本文的代码会把所有配置和回来的,Ant-Design全部配好,开箱即用,其他的功能你看Ant-Design的文档往里面加就行了~
本文介绍如何配置,已经整体的业务流程如何搭建GitHub源码地址
<李>包管理器,使用纱或者npm都可以,这里建议使用纱,因为Ant-Design官方推荐纱,它会自动添加依赖。
<李>使用官方的create-react-app的另外一种版本和创建应用程序反应一起使用打印稿李
<李> react-scripts-ts自动配置了一个create-react-app项目支持打印稿。你可以像这样使用:create-react-app app - scripts-version=react-scripts-ts——前提你必须全局下载create-react-app李
请注意它是一个第三方项目,而且不反应是创建应用程序的一部分。
需要的依赖:都在包中。json文件中。
这里请万分注意,TS的包大部分都是需要下两个,一个原生,一个@types/开头
{
“名称”:“antd-demo-ts”,
“版本”:“0.1.0”,
“私人”:没错,
“依赖”:{
“@types/笑话”:“24.0.11”,
“@types/节点”:“11.13.7”,
“@types/反应”:“16.8.14”,
:“@types/react-dom 16.8.4”,
:“@types/react-redux ^ 7.0.8”,
“@types/react-router-dom”:“^ 4.3.2”,
“@types/redux-thunk”:“^ 2.1.0的”,
:“babel-plugin-import ^ 1.11.0”,
:“customize-cra ^ 0.2.12”,
“少”:“^ 3.9.0”,
:“less-loader ^ 4.1.0”,
:“prop-types ^ 15.7.2”,
“反应”:“^ 16.8.6”,
:“react-app-rewired ^ 2.1.3”,
:“react-dom ^ 16.8.6”,
:“react-redux ^ 7.0.2”,
:“react-router-dom ^ 5.0.0”,
:“react-scripts 3.0.0”,
:“redux-chunk ^ 1.0.11”,
:“redux-devtools-extension ^ 2.13.8”,
:“redux-thunk ^ tripwire”,
:“打印稿3.4.5”
},
"脚本":{
“开始”:“react-app-rewired开始”,
“构建”:“react-app-rewired构建”,
“测试”:“react-app-rewired测试”
},
" eslintConfig ": {
“扩展”:“react-app”
},
" browserslist ": {
“生产”:(
“在0.2%”,
“没死”,
“不是op_mini所有”
),
“发展”:(
“最后1 chrome版本”,
“最后1 firefox版本”,
“最后1 safari版本”
]
}
