学习 React+TypeScript 应该怎么上手？

[tenstone]

决定学 React 了，有点无从下手的感觉。

盼望各位大佬的指导

[panlatent]

既然有后端基础，ts 手册或者上手教程 简单看一遍 写个 console 熟悉下语法 ，react 入门教程看一下，清楚都有什么，然后直接上项目实践就行了。

[panlatent]

甚至可以直接上 nestjs ，既熟悉了 ts 和 node 后端 也能和 java web 之类的对比参照下

[tenstone]

@panlatent 准备用这个思路学下

[kunkunzhang]

直接上 react-hooks

[wisetc]

通过脚手架搭建一个 react 的项目，然后改改里面的组件，试着自己写一个类似的组件，参考 react 的文档。学习文档搞清楚 react 的引入的概念，有 tutorial ，react 用法的简单超乎你的想象。然后利用 components 和原生 elements 构建出万千的界面，用纯 js 就能写前端 ui 了。不会 ts 和 react ，直接两个结合起来学吗？

[idoubi]

前两周刚用 vite+react+ts 写了个工具网站。也是现学现用，不会的看看文档就差不多了，初步掌握了了 ts 的类型定义，react 的 hooks 等知识。

没多少行代码，感兴趣可以看看 https://github.com/idoubi/sql2struct

[tenstone]

@idoubi vite 能替代 webpack 吗？

[frisktale]

https://github.com/typescript-cheatsheets/react

[rodrick]

后端的话 ts 上手很快 前提是熟悉一点 js react 就直接看文档就好 react 本身其实没多少 api 要记 单纯学习直接学 hooks 就行 class 组件现在不用学

[code4you]

熟悉基本语法 在找项目做 这样会很快上手 😁

[code4you]

先别想着优化啥 能写出来 跑起来 就 ok 😁

[wobuhuicode]

写就完事了。TS 就是往 JS 中加类型。变量加类型，函数加类型，返回值加类型。加着加着发现需要用到 Generics ，就看看文档，继续加类型。

[code4you]

@wobuhuicode 老哥这个经验好 😁👍🏻

[nwu2Cv8OZ2MZMg39]

https://react-typescript-cheatsheet.netlify.app/

[Envov]

后端直接跳过很多工程化的东西学 ts ＋ react ，会有很多东西不知所以然，我建议是学习一下 nodejs,用 node ＋ babel 编译 tsx ，用 node 加 webpack 打包 tsx 了解一下 tsx 如何变成 html 里面的元素。
然后找一个开箱即用的脚手架在开始用

[heng1025]

可以看下这个项目 https://github.com/1r21/haerbin

[mufeng]

@tenstone 完全可以

[dudubaba]

https://github.com/onfuns/nestjs-blog 看看这个 nestjs + nextjs + react + ts 全家桶了

[tenstone]

@dudubaba nestjs 可以用 electron 封装吗

[ryougifujino]

我的习惯是把文档先过一遍，写点 demo ，然后再开始。也花不了太多的时间，反而因为完整的过了一遍后心里面有个索引，遇到问题知道去哪寻找。