• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

react + typescript 学习

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

react,前端三大框架之一,也是非常受开发者追捧的一门技术。而 typescript 是 javascript 的超集,主要特点是对 类型 的检查。二者的结合必然是趋势,不,已经是趋势了。react 文档、typescript 文档都看过,例子也敲过了,对此也都有了一定的理解,但是把二者很好的结合在一起,还是遇到了一些问题。纯粹记录一些,当然也希望有优秀资源的,提供一下,分享一下。提前道谢了~

学习曲线

首先,想到的是到 官网,看相关文档,会系统些。

  • typescript 中文网 jsx
  • typescript 中文网 React & Webpack

    看后,也实践了一遍,也算是入手练习了,但离实际应用还很远呢。

  • create-react-app + typescript

    对应的英文原版是 microsoft/TypeScript-React-Starter

    中文版有点落后,英文版的比较新。

    最重要的一点是:很多根据中文网搭建练习时踩坑点的解决方案都是在其 issure 中找到的。

    tslint相关

    在 tslint.json 中加入

    • interface name must start with a capitalized I

    接口名称必须以大写的I开头

    microsoft/TypeScript-React-Starter

    "rules": {
      "interface-name": [true, "never-prefix"]
    }
    • Import sources within a group must be alphabetized.

    组内的导入源必须按字母顺序排列。

    "rules": {
      "ordered-imports": false
    }
    • The key 'onDecrement' is not sorted alphabetically

    键没有按字母顺序排序

    "rules": {
      "object-literal-sort-keys": false
    }

    其他

    • import { connect, Dispatch } from 'react-redux'; 产生错误

    has no exported member 'Dispatch'.

    import { connect } from 'react-redux';
    import { Dispatch } from 'redux';
    • Redux createStore 产生错误:预期有4个类型参数,但得到1

    Expected 4 type arguments, but got 1.

    使用redux 4.0.1时使用了redux 3.7.2

    npm install [email protected] --save

文章学习

看了很多文章,觉得不错的,记录一些,对整体掌握都很有帮助。

不论看多少文章,还是要真正理解了,多实践,方能真正掌握。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript 装饰器的执行原理发布时间:2022-07-18
下一篇:
在typescript中import第三方类库clipboard报错发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap