V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
tenstone
V2EX  ›  程序员

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

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

    决定学 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   ·   实用小工具   ·   1028 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 20:35 · PVG 04:35 · LAX 12:35 · JFK 15:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.