react-css-experiments:React Css实验-源码

上传者: 42169971 | 上传时间: 2021-02-27 16:08:56 | 文件大小: 408KB | 文件类型: ZIP
React CSS助手 项目结构 使用简单的create-react-app创建的项目 App.js是项目的根源 Components文件夹src/components/*包含所有组件 所有组件都有一个index.js,从中可以导出默认函数 根组件文件夹具有index.js文件,该文件导出各种组件的所有公共成员 执行npm start以启动项目 运行项目git clone项目 运行npm i 位开发设置 请遵循bt.dev官方链接上的位开发设置指南 跟踪src/components内部的所有组件 在组件中进行新更改时,将其推送到位回购中 还安装了位存储库以演示SampleComponent2中的css样式功能 您可以通过以下方式测试SampleComponent和SampleComponent2的样式差异:首先查看ButtonStyled css文件中的更改,然后查看它在Samplecom

文件下载

资源详情

[{"title":"( 41 个子文件 408KB ) react-css-experiments:React Css实验-源码","children":[{"title":"react-css-experiments-master","children":[{"title":"public","children":[{"title":"manifest.json <span style='color:#111;'> 492B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 1.68KB </span>","children":null,"spread":false},{"title":"robots.txt <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false},{"title":"logo512.png <span style='color:#111;'> 9.44KB </span>","children":null,"spread":false},{"title":"logo192.png <span style='color:#111;'> 5.22KB </span>","children":null,"spread":false}],"spread":true},{"title":"yarn.lock <span style='color:#111;'> 493.74KB </span>","children":null,"spread":false},{"title":".bitmap <span style='color:#111;'> 2.19KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"logo.svg <span style='color:#111;'> 2.57KB </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 366B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"ButtonStyled","children":[{"title":"InputStyled.module.css <span style='color:#111;'> 63B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 155B </span>","children":null,"spread":false},{"title":"ButtonStyled.module.css <span style='color:#111;'> 291B </span>","children":null,"spread":false}],"spread":true},{"title":"Button","children":[{"title":"Button.module.css <span style='color:#111;'> 174B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 249B </span>","children":null,"spread":false}],"spread":true},{"title":"SampleComponent","children":[{"title":"index.js <span style='color:#111;'> 381B </span>","children":null,"spread":false}],"spread":true},{"title":"index.js <span style='color:#111;'> 214B </span>","children":null,"spread":false},{"title":"SampleComponent2","children":[{"title":"index.js <span style='color:#111;'> 366B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"App.js <span style='color:#111;'> 289B </span>","children":null,"spread":false},{"title":"reportWebVitals.js <span style='color:#111;'> 362B </span>","children":null,"spread":false},{"title":"App.test.js <span style='color:#111;'> 246B </span>","children":null,"spread":false},{"title":"setupTests.js <span style='color:#111;'> 241B </span>","children":null,"spread":false},{"title":"App.css <span style='color:#111;'> 564B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 500B </span>","children":null,"spread":false}],"spread":true},{"title":"scripts","children":[{"title":"build.js <span style='color:#111;'> 6.54KB </span>","children":null,"spread":false},{"title":"test.js <span style='color:#111;'> 1.32KB </span>","children":null,"spread":false},{"title":"start.js <span style='color:#111;'> 4.98KB </span>","children":null,"spread":false}],"spread":true},{"title":"config","children":[{"title":"jest","children":[{"title":"fileTransform.js <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false},{"title":"cssTransform.js <span style='color:#111;'> 314B </span>","children":null,"spread":false},{"title":"babelTransform.js <span style='color:#111;'> 526B </span>","children":null,"spread":false}],"spread":true},{"title":"env.js <span style='color:#111;'> 4.21KB </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 31.92KB </span>","children":null,"spread":false},{"title":"webpackDevServer.config.js <span style='color:#111;'> 6.80KB </span>","children":null,"spread":false},{"title":"modules.js <span style='color:#111;'> 3.41KB </span>","children":null,"spread":false},{"title":"paths.js <span style='color:#111;'> 2.26KB </span>","children":null,"spread":false},{"title":"getHttpsConfig.js <span style='color:#111;'> 1.82KB </span>","children":null,"spread":false},{"title":"pnpTs.js <span style='color:#111;'> 620B </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 2.64KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 310B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 645.79KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 4.34KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明