React Native开发效率提升之-ts开发

开发React Naive已经一段时间了，将自己的一些学习过程记录下来。便于后期整理，同时给还未入坑的小伙伴提供一些参考，少踩坑。

接触React Native开发不久，一个新领域，接触到的技术栈都是基础。 下面记录下自己在开发过程中的技术栈的转变。

对于刚接触react native的我来说，起初看到的都是React + js + 原生的开发方式。 这种开发方式对于我这种从强类型开发转过来的开发者来说，颇有些不便。在和公司的前端交流过程中，了解到ts，基于js的强类型语言，瞬间是的开发效率得到了飞跃，但只是在不牵扯到组件的类中，比如接口封装过程中，或者一些工具类的封装时使用ts。

第一阶段就按照上面这种方式使用了，组件使用的js，其他非组件使用ts，但是在组件中，开发依然不方便。使用过程中依赖到了第三方组件，探究其细节，果不其然，基本上都是ts。于是开始了ts组件探索之路。

自己对于js规范不是太了解，例如文件后缀名，自己自我探索的初期，使用的.js .ts作为后缀名。在和前端进行技术交流过程后，知道了后缀名原来是.jsx，.tsx，但是由于已经开发一段时间了，继续沿用了之前的命名方式。在使用ts开发组件时，发现，使用.ts作为后缀，文件是会在elint检测下会报错，于是将后缀改为.tsx，代码依然报错。偶然一次，使用ts快捷键生成代码，原来需要如此使用，现在将正确代码列如下：

import * as React from 'react'

public interface MyProps{}

export default MyComponent extend React.Component<MyProps, any> {
    construct(pros:MyProps) {
        super(pros)
    }
    
    render() {
        return(
            ...
        )
    }
    ...
}

于是正确将ts应用于组件开发，提升了组内开发效率。 自己在react native开发过程中遇到的一些心得，分享出来。