React原子设计快速入门与最佳实践

Create React App 入门:该项目通过命令行创建并配置。项目目录中可用的脚本包含以下几项:

npm start:在开发模式下运行应用程序。打开浏览器以查看应用;如果进行编辑,页面将自动重新加载,并在控制台中显示任何 Lint 错误。

npm test:以交互式监视模式启动测试运行程序,便于调试和优化代码的可靠性。

npm run build:将应用构建到 build 文件夹,以生产模式捆绑React,优化性能并最小化构建结果。文件名包含哈希值,方便缓存管理。应用构建完成后,已准备好部署。

npm run eject:注意:此操作为单向操作!使用 eject 后,无法回退。执行该命令将项目中移除单个构建依赖项,将所有配置文件和传递依赖项(如 webpackBabel 等)分离到项目根目录。适用于希望自定义构建工具和配置的高级用户。

zip
atomic-design-master.zip 预估大小:69个文件
folder
atomic-design-master 文件夹
folder
.storybook 文件夹
file
main.js 238B
file
preview.js 74B
file
.gitignore 310B
file
README.md 3KB
folder
public 文件夹
file
manifest.json 492B
file
robots.txt 67B
file
logo192.png 5KB
file
logo512.png 9KB
file
index.html 2KB
file
favicon.ico 4KB
file
.eslintcache 10KB
file
package.json 1KB
folder
src 文件夹
folder
components 文件夹
folder
atoms 文件夹
folder
title 文件夹
file
title.js 199B
file
style.css 101B
folder
text 文件夹
file
style.css 133B
file
text.js 176B
folder
label 文件夹
file
label.js 187B
file
style.css 80B
folder
image 文件夹
file
image.js 214B
file
style.css 85B
folder
input 文件夹
file
input.js 385B
file
style.css 188B
folder
button 文件夹
file
button.js 166B
file
style.css 256B
file
data.json 2KB
folder
organisms 文件夹
folder
navBar 文件夹
file
navBar.js 387B
file
navBar.stories.js 187B
file
style.css 187B
folder
productCarousel 文件夹
file
productCarousel.js 559B
file
style.css 41B
folder
pages 文件夹
folder
home 文件夹
file
home.stories.js 173B
file
home.js 418B
file
style.css 99B
folder
molecules 文件夹
folder
logo 文件夹
file
logo.js 304B
folder
logo.stories.js 文件夹
file
style.css 115B
folder
search 文件夹
file
search.js 347B
file
style.css 55B
folder
itemCarousel 文件夹
file
style.css 207B
file
itemCarousel.js 818B
folder
menu 文件夹
file
menu.js 364B
file
style.css 527B
file
index.css 366B
folder
stories 文件夹
file
Page.stories.js 424B
file
button.css 642B
file
header.css 472B
file
Button.stories.js 619B
file
Header.stories.js 325B
file
page.css 998B
file
Header.js 1KB
file
Page.js 2KB
file
Introduction.stories.mdx 5KB
folder
assets 文件夹
file
repo.svg 2KB
file
comments.svg 1KB
file
colors.svg 8KB
file
stackalt.svg 2KB
file
plugin.svg 2KB
file
flow.svg 1KB
file
code-brackets.svg 1KB
file
direction.svg 1KB
file
Button.js 1KB
file
App.test.js 246B
file
reportWebVitals.js 362B
file
App.css 564B
file
index.js 500B
file
setupTests.js 241B
file
App.js 262B
file
logo.svg 3KB
file
package-lock.json 887KB
...
zip 文件大小:277.54KB