用react typescriptt写react和node是怎样的一种体验

你可以关注我的同名公众号【前端森林】这里我会定期发一些大前端相关的前沿文章和日常开发过程中的实战总结。当然我也是开源社区的积极贡献者,github地址欢迎star!!!

前阵子在自己学习React最开始上手使用的creat-react-app来创建自己的项目,2版本之后的create-react-app已经支持了很多功能比如sass、数据mock、react typescriptt支持等等,也升级了相关依赖babel、webpack到一个最新的版本具体可以參照,但是它将项目的webpack配置等内容给藏起来了想要自己配置的话还要npm run eject才可见,不过对于我这种初学者已经足够了但是本着折腾的精神,在掘金看了好多大佬的配置文章终于折腾出一个自己的项目模板,如果有什么问题或者不对的地方希望大佬们能及时指出,最后有項目地址~

第二篇生产开发环境配置已经写完:

    之前加了 react typescriptt 等依赖现在来更新一下 babel 的配置,来支持我们后面可能会用到的功能比如装饰器鉯及路由的动态引入。

    router使用最新的5版本然后路由懒加载使用官方例子中的loadable,首先还是安装依赖

    到这里基本的功能已经具备了接下来还需要一些优化以及拆分开发和生产环境的配置,篇幅有点长了放到下一篇文章里写吧。

    最后附上地址 如果有不对的地方希望各位指出,感谢

  • 为了在 react 中更好的使用 ts进行一下討论
  • 怎么合理的再 react 中使用 ts 的一些特性让代码更加健壮
  • 所有用到jsx语法的文件都需要以tsx后缀命名
  • 如上,我们声明withVisible这个高阶组件时利用泛型和類型推导,我们对高阶组件返回的新的组件以及接收的参数组件的props都做出类型声明

我要回帖

更多关于 react typescript 的文章

 

随机推荐