前端新手想问下 React 最能打的组合是什么？

[everettjf]

背景：我是一名移动端开发，会前端的一点皮毛，但困惑很多。

1. React 状态管理框架这么多，webpack 还是 vite ，ui 组件库也这么多，js 还是 ts ，这一套组合就很多种了。到底哪个最能打（综合实力最强）。
2. js 还是 ts ，有时候总感觉 ts 写起来复旦很重。

求前端高手指点

[noe132]

用了 ts 后你会发现 js 写起来负担很重

[TWorldIsNButThis]

最近搭了一个
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 的样式有冲突

[TWorldIsNButThis]

另外处理数据的地方尝试了一下 point free style 的 fp ，不用 typescript 估计每个数据处理都得调半天

[AyaseEri]

hooks 一把梭

[hunter0122]

刚学 react ，现在入门 umi 很头大

[MXXXXXS]

eslint + prettier + webpack + babel + ts + react(hooks) + styled-components + mobx-state-tree

[nanxiaobei]

人生苦短，请用 resso https://github.com/nanxiaobei/resso

[QingStone]

本 Vue 初级开发也有同问题想问🤣，想有空学习下 React

[golangLover]

react 就沒有能打的

[terranboy]

写多了都一样

[lodisy]

zustand / jotai
ts

[agdhole]

vite + react + ts + recoil + mui(emotion)

[joshua7v]

每个人的组合偏好都不一样

[sunwei0325]

nextjs, 就跟后端的 springboot 似的

[darkengine]

如果开发需要长期维护的项目，还是选 ts 吧，前期可能痛苦点。

[sickoo]

@sunwei0325 也不完全是，只要我自己没发现

[yolio2003]

zustand + react-router/remix + next.js

[Chism]

我觉得 craco 也是必备的。。

[AsZr]

首先工程项目肯定首选 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 模板走起，感觉并没什么要组合的 🧐

[bojue]

我们项目 Vite + Webpack+ React + Redux + TS + Less + AntD + TSLint + ESLint ，一般项目大同小异