react-jwchat

react-jwchat: react-jwchat是一个基于React实现的web聊天组件。

如何阅读大型前端开源项目的源码 - 掘金

rollup专注以ESModule打包/自动treeshaking,更准确的来说rollup是小而美的打包工具

ts“typescript”

ts是js类型的超集，被编译成纯js再执行

js：是弱类型语言，容易出现一些编译时不报错，运行时crash的问题。
ts: 是编译时语言，一些问题可以更早的别发现。

用 TypeScript 语法写的 .ts .tsx 等后缀的程序是不能直接运行的，而是会被 tsconfig.json 配置中的 “target”: “es6”, 这项配置转换为 es6 语法的 .js 文件。
TypeScript 中的 import 只会加载 .ts .tsx 后缀的文件，而 Javascript 中的 import 只能加载 .js 等后缀的文件

JSX
就是Javascript和XML（extensiable markup language 可扩展标记语言）结合的一种格式。

React发明了JSX，利用HTML语法来创建虚拟DOM。

当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。

JSX 只是为 React.createElement(component, props, …children) 方法提供的语法糖

.js可以用来做为模块来使用

.jsx一般作为组件来使用

XML文件可以做小型数据库

（RN 跨平台）

(005)RN开发 js jsx ts tsx的区别_沐雨07的博客-CSDN博客_ts和tsx

压缩 css 和 javascript 代码提高 web 性能

source map 将压缩文件中的代码映射回源文件中的原始位置

source map 你知道多少？-- 调试、原理、渗透、还原源码 - 云+社区 - 腾讯云

 typescript，React hook

奉劝学弟学妹，学完JavaScript就该学TypeScript了,让我们一起了解TypeScript和如何去搭建运行环境吧_David凉宸的博客-CSDN博客_javascript学完学什么

 React hook

Hook 是 React 16.8 的新增特性。在不编写 class 的情况下可用 state 以及其他的 React 特性

React hook 10种 Hook （详细介绍及使用）_@baby张的博客-CSDN博客_react的hooks有哪些