学习 React+TypeScript 应该怎么上手? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
tenstone
V2EX    程序员

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

  •  
  •   tenstone 2022-07-24 13:50:17 +08:00 5254 次点击
    这是一个创建于 1186 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    盼望各位大佬的指导

    21 条回复    2022-07-25 16:20:59 +08:00
    panlatent
        1
    panlatent  
       2022-07-24 14:08:10 +08:00 via iPhone
    既然有后端基础,ts 手册或者上手教程 简单看一遍 写个 console 熟悉下语法 ,react 入门教程看一下,清楚都有什么,然后直接上项目实践就行了。
    panlatent
        2
    panlatent  
       2022-07-24 14:10:48 +08:00 via iPhone   2
    甚至可以直接上 nestjs ,既熟悉了 ts 和 node 后端 也能和 java web 之类的对比参照下
    tenstone
        3
    tenstone  
    OP
       2022-07-24 14:19:37 +08:00
    @panlatent 准备用这个思路学下
    kunkunzhang
        4
    kunkunzhang  
       2022-07-24 14:38:07 +08:00
    直接上 react-hooks
    wisetc
        5
    wisetc  
       2022-07-24 15:00:44 +08:00 via iPhone   1
    通过脚手架搭建一个 react 的项目,然后改改里面的组件,试着自己写一个类似的组件,参考 react 的文档。学习文档搞清楚 react 的引入的概念,有 tutorial ,react 用法的简单超乎你的想象。然后利用 components 和原生 elements 构建出万千的界面,用纯 js 就能写前端 ui 了。不会 ts 和 react ,直接两个结合起来学吗?
    idoubi
        6
    idoubi  
       2022-07-24 15:51:40 +08:00 via iPhone
    前两周刚用 vite+react+ts 写了个工具网站。也是现学现用,不会的看看文档就差不多了,初步掌握了了 ts 的类型定义,react 的 hooks 等知识。

    没多少行代码,感兴趣可以看看 https://github.com/idoubi/sql2struct
    tenstone
        7
    tenstone  
    OP
       2022-07-24 16:16:41 +08:00
    @idoubi vite 能替代 webpack 吗?
    frisktale
        8
    frisktale  
       2022-07-24 17:57:33 +08:00
    rodrick
        9
    rodrick  
       2022-07-24 18:58:22 +08:00
    后端的话 ts 上手很快 前提是熟悉一点 js react 就直接看文档就好 react 本身其实没多少 api 要记 单纯学习直接学 hooks 就行 class 组件现在不用学
    code4you
        10
    code4you  
       2022-07-24 18:59:53 +08:00
    熟悉基本语法 在找项目做 这样会很快上手
    code4you
        11
    code4you  
       2022-07-24 19:00:18 +08:00
    先别想着优化啥 能写出来 跑起来 就 ok
    wobuhuicode
        12
    wobuhuicode  
       2022-07-24 19:02:54 +08:00   2
    写就完事了。TS 就是往 JS 中加类型。变量加类型,函数加类型,返回值加类型。加着加着发现需要用到 Generics ,就看看文档,继续加类型。
    code4you
        13
    code4you  
       2022-07-24 19:23:03 +08:00
    @wobuhuicode 老哥这个经验好
    nwu2Cv8OZ2MZMg39
        14
    nwu2Cv8OZ2MZMg39  
       2022-07-24 19:41:30 +08:00
    Envov
        15
    Envov  
       2022-07-24 23:21:13 +08:00 via iPhone
    后端直接跳过很多工程化的东西学 ts + react ,会有很多东西不知所以然,我建议是学习一下 nodejs,用 node + babel 编译 tsx ,用 node 加 webpack 打包 tsx 了解一下 tsx 如何变成 html 里面的元素。
    然后找一个开箱即用的脚手架在开始用
    heng1025
        16
    heng1025  
       2022-07-25 09:08:23 +08:00
    可以看下这个项目 https://github.com/1r21/haerbin
    mufeng
        17
    mufeng  
       2022-07-25 09:27:38 +08:00 via iPhone
    @tenstone 完全可以
    dudubaba
        18
    dudubaba  
       2022-07-25 09:37:39 +08:00
    https://github.com/onfuns/nestjs-blog 看看这个 nestjs + nextjs + react + ts 全家桶了
    tenstone
        19
    tenstone  
    OP
       2022-07-25 09:39:25 +08:00 via Android
    @dudubaba nestjs 可以用 electron 封装吗
    ryougifujino
        20
    ryougifujino  
       2022-07-25 10:12:13 +08:00
    我的习惯是把文档先过一遍,写点 demo ,然后再开始。也花不了太多的时间,反而因为完整的过了一遍后心里面有个索引,遇到问题知道去哪寻找。
    lanlanye
        21
    lanlanye  
       2022-07-25 16:20:59 +08:00   1
    根据我的经验,最后会发现自己差在 CSS 上
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5869 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 06:18 PVG 14:18 LAX 23:18 JFK 02:18
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86