cra-recipe React应
CRA 应用的起步流程总觉得有点杂？cra-recipe就挺适合你这种想一步步来、又不想踩坑的节奏。它不是教你怎么写组件，而是手把手带你从零搭好一个React + TypeScript + Storybook的项目骨架，顺带把构建工具啥的都安排好，干净利落。
起手就是一条命令：npx create-react-app my-app --template typescript，项目结构直接帮你建好，Webpack、Babel都搭进来了，连配置都省了。用起来真的省心不少，适合不想在构建层纠结的你。
加上Storybook，开发体验直接拉满。你可以在浏览器里独立测试每个组件状态，像在试衣间里给组件换样式、调属性，啥也不影响主页面。装起来也不难，跑个 npm install --save-dev @storybook/react npx sb init 就搞定。
TypeScript这块也讲得比较细，怎么写 Props、怎么注解类型，都配了代码例子。比如这样：
interface MyComponentProps {
name: string;
}
const MyComponent: React.FC = ({ name }) => {
return Hello, {name};
};
另外，它还会推荐你加上ESLint、Prettier、Jest这些常见工具。代码风格统一、测试也能跟上，整一个小型前端工程化框架都有点意思。
如果你刚好想搭一个干净利索的 CRA 项目，又一步步来得安心，那这个cra-recipe还挺适合你。不赶时间就按照它来一遍，熟悉工具栈也快，后期想拓展什么，心里也更有底。
文件大小：610.49KB
评论区