React应用程序开发指南

本指南介绍如何使用 Create React App 工具创建和开发 React 应用程序。

项目启动

在项目目录下,您可以使用以下命令:

  • yarn start : 以开发模式运行应用程序。此命令会在浏览器中打开应用程序,并在代码更改时自动重新加载页面。您还可以在控制台中查看错误信息。
  • yarn test : 启动交互式测试运行器。
  • yarn build : 构建生产环境可用的应用程序,并将文件输出到 build 文件夹。此命令会优化 React 代码以获得最佳性能。生成的文件会被压缩,并且文件名包含哈希值,以便于缓存。
  • yarn eject : 注意:这是一个不可逆操作。 如果您对默认的构建工具和配置不满意,可以使用此命令移除 Create React App 的默认配置。此命令会将所有配置文件和依赖项(如 webpack,Babel,ESLint 等)移动到您的项目中,以便您进行自定义。

自定义配置

如果您需要自定义 Create React App 的默认配置,可以使用 yarn eject 命令。请注意,这是一个不可逆操作。执行此操作后,您需要自行管理项目的配置和依赖项。

zip
roaster-main.zip 预估大小:94个文件
folder
roaster-main 文件夹
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 535KB
folder
src 文件夹
folder
pages 文件夹
folder
shop 文件夹
file
oldshop.component.jsx 6KB
file
shop.component.jsx 3KB
file
collection.component.jsx 2KB
file
collection.styles.scss 421B
file
homepage.component.jsx 1KB
folder
sign-in-and-sign-up 文件夹
file
sign-in-and-sign-up.component.jsx 369B
file
sign-in-and-sign-up.styles.scss 113B
folder
checkout 文件夹
file
checkout.component.jsx 2KB
file
checkout.styles.scss 679B
file
homepage.styles.scss 4KB
folder
redux 文件夹
folder
toggle 文件夹
file
toggle.actions.js 123B
file
toggle.reducer.js 378B
file
toggle.types.js 68B
file
root-saga.js 169B
folder
shop 文件夹
file
shop.arr.data.js 3KB
file
shop.types.js 532B
file
shop.selectors.js 1KB
file
shop.data.js 4KB
file
shop.actions.js 3KB
file
shop.reducer.js 1KB
file
shop.helper.js 520B
file
shop.sagas.js 1KB
folder
cart 文件夹
file
cart.reducer.js 1KB
file
cart.actions.js 435B
file
cart.types.js 214B
file
cart.selectors.js 728B
file
cart.utils.js 925B
file
store.js 727B
folder
span 文件夹
file
span.reducer.js 766B
folder
user 文件夹
file
user.actions.js 153B
file
user.reducer.js 415B
file
user.types.js 75B
file
root-reducer.js 687B
file
logo.svg 3KB
file
index.css 380B
folder
components 文件夹
folder
custom-button 文件夹
file
custom-button.component.jsx 366B
file
custom-button.styles.scss 803B
folder
custom-spanbox-item 文件夹
file
custom-spanbox-item.component.jsx 935B
file
custom-spanbox-item..styles.scss 1KB
folder
cart-icon 文件夹
file
cart-icon.component.jsx 751B
file
cart-icon.styles.scss 356B
folder
shop-collection 文件夹
file
shop-collection.component.jsx 819B
file
shop-collection.styles.scss 219B
folder
marketing 文件夹
folder
marketing.styles.scss 文件夹
file
marketing.component.jsx 121B
folder
form-input 文件夹
file
form-input.component.jsx 485B
file
form-input.styles.scss 888B
folder
checkout-item 文件夹
file
checkout-item.component.jsx 1KB
file
checkout-item.styles.scss 538B
folder
stripe-button 文件夹
file
stripe-button.component.jsx 864B
folder
collection-item 文件夹
file
collection-item.styles.scss 1KB
file
collection-item.component.jsx 3KB
folder
banner 文件夹
file
banner.styles.scss 229B
file
banner.component.jsx 273B
folder
custom-spanbox 文件夹
file
custom-spanbox.component.jsx 587B
folder
shop-item 文件夹
file
shop-item.component.jsx 1KB
file
shop-item.styles.scss 745B
folder
sign-up 文件夹
file
sign-up.styles.scss 108B
file
sign-up.component.jsx 2KB
folder
spinner 文件夹
file
spinner.component.jsx 409B
file
spinner.styles.jsx 647B
folder
sign-in 文件夹
file
sign-in.component.jsx 2KB
file
sign-in.styles.scss 181B
folder
footer 文件夹
file
footer.styles.scss 51B
file
footer.component.jsx 981B
folder
header 文件夹
file
header.styles.scss 1KB
file
header.component.jsx 2KB
folder
details 文件夹
file
item-details.component.jsx 5KB
file
item-details.styles.scss 11KB
file
deatils.component.jsx 3KB
folder
assets 文件夹
file
coffee-bean.jpg 4.63MB
file
coffee.png 12KB
file
equipment.png 9KB
file
OCCR_WEB_SINGLES_HERO_V3_1280x480_sa-compressor.jpg 189KB
file
brand.png 7KB
file
merchandise.png 22KB
file
brand_lrg.png 123KB
file
icons8-coffee-beans-192.png 12KB
file
App.js 3KB
file
reportWebVitals.js 362B
file
App.test.js 246B
file
setupTests.js 241B
file
App.css 184B
file
index.js 714B
file
README.md 3KB
file
.gitignore 400B
file
package.json 1KB
...
zip 文件大小:5.25MB