任务箱React入门模板

Create React App 的入门项目,挺适合前端新手练手的。项目结构清晰,常用的脚本都配好了,像是 yarn startyarn build 这些日常开发、部署用得上的命令都能直接跑,响应也快,挺省事的。

任务箱的目录结构比较标准,适合当成模板用来搭建你自己的 React 项目。用 yarn start 直接跑开发环境,改点东西浏览器自动刷新,还会在控制台提示语法问题,开发体验蛮友好的。

测试方面用的是 yarn test,会进入一个交互式的测试模式。你写了啥逻辑,马上可以测一测,适合那些对测试有点要求但又不想配置一堆工具的情况。

打包的话,yarn build 会输出优化过的生产版本,文件带哈希值,方便做缓存,部署到 CDN 也没问题。构建出来的代码已经压缩优化,性能表现还不错。

哦对了,如果你想更深层地控制 webpack 或 Babel 配置,可以用 yarn eject。不过注意,一旦 eject,想回头就没那么容易了,所以得想清楚再动手。

如果你刚接触 React 或想快速搭一个 demo 出来,任务箱这个项目还是挺值得一试的。推荐你顺便看看这些文章:React App Initialization with Create React App探索 Create React App,里面讲得挺细。

zip
taskbox-main.zip 预估大小:59个文件
folder
taskbox-main 文件夹
file
.env 25B
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 4KB
file
logo512.png 9KB
file
logo192.png 5KB
file
yarn.lock 644KB
folder
src 文件夹
folder
stories 文件夹
file
Header.stories.js 325B
file
Button.js 1KB
file
Introduction.stories.mdx 5KB
file
Button.stories.js 619B
file
button.css 642B
folder
assets 文件夹
file
flow.svg 1KB
file
direction.svg 1KB
file
comments.svg 1KB
file
colors.svg 8KB
file
code-brackets.svg 1KB
file
plugin.svg 2KB
file
stackalt.svg 2KB
file
repo.svg 2KB
file
page.css 998B
file
Header.js 1KB
file
Page.js 2KB
file
header.css 472B
file
Page.stories.js 424B
file
logo.svg 3KB
file
index.css 17KB
folder
components 文件夹
file
Task.stories.js 637B
file
Task.js 1KB
folder
assets 文件夹
folder
font 文件夹
file
OpenSans-Light-webfont.eot 29KB
file
OpenSans-Regular-webfont.svg 57KB
file
OpenSans-Regular-webfont.woff 19KB
file
OpenSans-Light-webfont.ttf 29KB
file
OpenSans-Regular-webfont.eot 29KB
file
OpenSans-Regular-webfont.ttf 29KB
file
OpenSans-Light-webfont.svg 55KB
file
OpenSans-Light-webfont.woff 19KB
folder
icon 文件夹
file
percolate.eot 33KB
file
todos.svg 17KB
file
todos.woff 6KB
file
percolate.woff 33KB
file
todos.eot 6KB
file
todos.ttf 6KB
file
percolate.svg 137KB
file
percolate.ttf 33KB
file
App.js 528B
folder
__snapshots__ 文件夹
file
storybook.test.js.snap 11KB
file
reportWebVitals.js 362B
file
App.test.js 246B
file
setupTests.js 241B
file
App.css 564B
file
storybook.test.js 101B
file
index.js 500B
folder
.storybook 文件夹
file
main.js 238B
file
preview.js 101B
file
README.md 3KB
file
.gitignore 310B
file
package.json 1KB
zip 文件大小:552.5KB