这是一个创建于 1358 天前的主题，其中的信息可能已经有所发展或是发生改变。
背景：我是一名移动端开发，会前端的一点皮毛，但困惑很多。
- React 状态管理框架这么多，webpack 还是 vite ，ui 组件库也这么多，js 还是 ts ，这一套组合就很多种了。到底哪个最能打（综合实力最强）。
- js 还是 ts ，有时候总感觉 ts 写起来复旦很重。
求前端高手指点
 | 1 noe132 2022-04-10 21:06:42 +08:00 via Android  5 用了 ts 后你会发现 js 写起来负担很重 |
 | 2 TWorldIsNButThis 2022-04-10 21:06:56 +08:00 1 最近搭了一个 vite + typescript + tailwindcss + swr + antd mobile 由于没有额外数据的共享所以没用状态管理库，直接 swr 管理请求的数据，其实感觉有点简陋，react-query 可能更好一点 很多人都提了一些常见的使用问题，官方给的解决方案都是叫你自己写几个工具函数，不像 react-query 都自带了 另外用的时候 antd mobile 狂发版本，有几个版本跟 vite 不兼容，现在最新版应该没兼容问题了 而且要在 index.css 手动引入一下 antd mobile 的 global 样式文件，不然没法 treeshaking antd mobile 的样式 然后 tailwindcss 要把预设 preflight 关掉，不然和 antd mobile 的样式有冲突 |
| 3 TWorldIsNButThis 2022-04-10 21:08:29 +08:00 1 另外处理数据的地方尝试了一下 point free style 的 fp ，不用 typescript 估计每个数据处理都得调半天 |
 | 4 AyaseEri 2022-04-10 21:10:55 +08:00 hooks 一把梭 |
 | 5 hunter0122 2022-04-10 21:18:42 +08:00 刚学 react ，现在入门 umi 很头大 |
 | 6 MXXXXXS 2022-04-10 21:45:01 +08:00 1 eslint + prettier + webpack + babel + ts + react(hooks) + styled-components + mobx-state-tree |
 | 7 nanxiaobei 2022-04-10 21:56:30 +08:00 via iPhone 1 人生苦短，请用 resso https://github.com/nanxiaobei/resso |
 | 8 QingStone 2022-04-10 21:58:21 +08:00 via iPhone 本 Vue 初级开发也有同问题想问，想有空学习下 React |
 | 9 golangLover 2022-04-10 21:58:39 +08:00 via Android react 就有能打的 |
 | 10 terranboy 2022-04-10 22:24:04 +08:00 写多了都一样 |
 | 11 lodisy 2022-04-10 22:39:03 +08:00 via Android 2 zustand / jotai ts |
 | 12 agdhole 2022-04-10 22:40:37 +08:00 vite + react + ts + recoil + mui(emotion) |
 | 13 joshua7v 2022-04-10 22:55:13 +08:00 每个人的组合偏好都不一样 |
 | 14 sunwei0325 2022-04-10 23:00:00 +08:00 nextjs, 就跟后端的 springboot 似的 |
 | 15 darkengine 2022-04-10 23:00:46 +08:00 如果开发需要长期维护的项目，还是选 ts 吧，前期可能痛苦点。 |
 | 16 sickoo 2022-04-10 23:04:41 +08:00 @sunwei0325 也不完全是，只要我自己没发现 |
 | 17 yolio2003 2022-04-10 23:17:24 +08:00 zustand + react-router/remix + next.js |
 | 18 Chism 2022-04-11 00:03:43 +08:00 我觉得 craco 也是必备的。。 |
 | 19 AsZr 2022-04-11 01:07:21 +08:00 2 首先工程项目肯定首选 ts ，不要逆趋势，面向简历编程也都要求会 ts 。react 各种组件 hooks 抽离的，你写 js 后面调用你自己都懵逼，要传什么会导致什么结果传个 undefined 会出什么鬼。当然如果你 js 还不熟，去学习吧，基础这个东西，后面都是债。 webpack / vite 这些是构建环境工具，https://andyyou.github.io/2021/04/25/new-generation-of-build-tools-comparsing/，个人推荐 vite ，在新构建工具中足够流行，对比旧构建工具开发体验更好（配置上 /开发环境速度） 状态管理方面 https://www.zhihu.com/question/445762769/answer/1744053049 ，其实你现在这个阶段写的那些东西仅需要跨组件通信，你可以先用 useContext 把坑踩一遍 UI 组件库并没有很多，很多基于 antd 二开的，比如 rsuite 。移动端 UI 组件库更少，antd mobile 所以你可以 vite 的 react-ts 模板走起，感觉并没什么要组合的 |
 | 20 bojue 2022-04-11 01:25:23 +08:00 我们项目 Vite + Webpack+ React + Redux + TS + Less + AntD + TSLint + ESLint ，一般项目大同小异 |
 | 21 zooeymango 2022-04-11 10:17:21 +08:00 1 感觉现在主流选择的组合其实都挺不错的, 状态管理 react-query+hook 基本可以覆盖大部分用例了, 实在要上可以试试 jotai 这些, 其余的其实都可以, nextjs 、antdpro 的话就完全省事了, 但是 ts 还是必须得上的, 不然写起来心里真的没底你不知道哪里就会冒个错 |
 | 22 ragnaroks 2022-04-11 10:21:39 +08:00 nextjs(webpack) + recoiljs + emotion/react + nexti18n ，样式库就随意了，我都是直接手撸的 |
 | 23 linkopeneyes 2022-04-11 10:23:13 +08:00 vite ts 状态管理直接 context 自己包一下好了，没必要非得学人家的概念累 |
 | 24 wakarimasen 2022-04-11 10:27:26 +08:00 via Android 选型负担重你转 V 或 A 不就完事了。 |
 | 25 dudubaba 2022-04-11 10:49:15 +08:00 2 管理系统：react+ umi + antd/antd-pro +ts C 端 ：nextjs + mobx + ts BFF：nestjs + typeorm 基本上满足 90%的业务场景了 |
 | 26 Zzzz77 2022-04-11 11:08:29 +08:00 选择困难，或者对生态不熟的话直接 umi 一把梭好了。。后面发现什么地方不合适再替换 |
 | 27 vone 2022-04-11 12:14:24 +08:00 1 你作为一个前端新手，建议别碰 TypeScript 。 如果不是非常必要（收益大于成本），还是不要引入 TypeScript 。 使用 TypeScript 会增加项目架构的复杂度、额外增加开发负担、如果不能掌握 TypeScript 的正确用法还会被海量的警告淹没、另外如果你开发人员的素质不高，你还能看到一个叫 AnyScript 的新语言。 其实 Javascript 这个语言也不是特别烂，项目无法长期维护的原因也大概率不是因为 Javascript 。 |
 | 28 everettjf OP 非常感谢大家～ |
| 29 everettjf OP 汇总下 - vite react-ts - nextjs - rsuite / mui / antd-pro - tailwindcss - swr / react-query - antd mobile - umi - mobx - resso - zustand / jotai - react-router/remix - nestjs |
 | 30 luckyc 2022-05-05 14:47:49 +08:00 前端的轮子太多了, 全干表示鸭梨很大. 后端相对就没有那么多重复功能的轮子. |
 | 31 QKgf555H87Fp0cth 2022-09-06 16:26:36 +08:00 - Vite - GraphQL - Next.js - Typescript - MUI （ Emotion ） - immer |
Select Language