首页
前端开发
Typescript
基于Typescript和React的CMS前端框架构建

基于Typescript和React的CMS前端框架构建

21 次浏览 0 条评论
zip
zip

该项目采用Typescript，React，Redux，SASS和Tailwind CSS构建了一个自定义内容管理系统（CMS）的前端框架。

项目特点：

  • Typescript: 提供强类型检查，提高代码可靠性。
  • React: 组件化开发，提升代码可维护性。
  • Redux: 状态管理，简化数据流管理。
  • SASS: CSS预处理器，提高样式代码可读性和可维护性。
  • Tailwind CSS: 实用优先的CSS框架，快速构建现代化界面。

可用脚本：

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

  • yarn start: 在开发模式下运行应用程序，并在浏览器中打开。
  • yarn test: 启动测试运行器，进行交互式测试。
  • yarn build: 构建生产环境代码，并将打包后的文件输出到 build 文件夹。
  • yarn eject: 从 create-react-app 中移除项目，获得更大的配置自由度 (注意: 这是一个不可逆操作)。

项目优势:

  • 模块化设计，易于扩展和维护。
  • 可定制化程度高，满足不同业务需求。
  • 性能优化，提供流畅的用户体验。
zip
cms-front-end-master.zip 预估大小：77个文件
folder
cms-front-end-master 文件夹
file
craco.config.js 149B
file
package.json 2KB
file
package-lock.json 739KB
folder
src 文件夹
folder
features 文件夹
folder
Carousel 文件夹
file
package.json 28B
file
Carousel.tsx 432B
file
CarouselContent.tsx 2KB
file
types.ts 636B
file
state.ts 2KB
file
react-app-env.d.ts 40B
folder
containers 文件夹
folder
app 文件夹
file
package.json 23B
file
App.tsx 614B
file
App.test.tsx 378B
folder
pages 文件夹
folder
home 文件夹
file
package.json 24B
file
Home.tsx 2KB
file
index.tsx 681B
folder
components 文件夹
folder
boxes 文件夹
folder
logo 文件夹
file
package.json 27B
file
LogoBox.tsx 388B
folder
img 文件夹
file
package.json 28B
file
ImageBox.tsx 413B
folder
buttons 文件夹
file
BaseButton-01.tsx 537B
folder
lists 文件夹
folder
base 文件夹
file
package.json 24B
file
List.tsx 735B
folder
navbar 文件夹
folder
main 文件夹
file
package.json 26B
file
NavBar.tsx 976B
file
config.ts 325B
folder
posts 文件夹
file
Post.tsx 527B
file
package.json 24B
folder
blog 文件夹
file
BlogPost.tsx 998B
folder
content 文件夹
file
ContentBlock-01.tsx 652B
file
ContentBox-01.tsx 420B
file
ImageBox.tsx 397B
file
_styles.scss 161B
file
package.json 31B
file
BlogContent.tsx 1KB
file
types.ts 619B
file
BlogSection.tsx 3KB
file
state.ts 2KB
folder
styles 文件夹
file
package.json 26B
folder
tailwind 文件夹
file
styles.scss 1KB
folder
scss 文件夹
file
package.json 27B
folder
utilities 文件夹
folder
general 文件夹
file
package.json 29B
file
_general.scss 284B
file
package.json 27B
folder
button 文件夹
file
package.json 28B
file
_button.scss 613B
file
_index.scss 92B
file
styles.scss 20B
folder
helpers 文件夹
folder
functions 文件夹
file
package.json 29B
file
functions.tsx 2KB
folder
hooks 文件夹
file
useGet.tsx 502B
folder
testing 文件夹
file
serviceWorker.ts 5KB
file
setupTests.ts 255B
folder
store 文件夹
file
package.json 24B
file
store.ts 635B
folder
keys 文件夹
folder
elements 文件夹
file
package.json 27B
file
elements.ts 950B
folder
actions 文件夹
file
actions.ts 125B
file
package.json 26B
folder
types 文件夹
file
package.json 24B
folder
post 文件夹
file
package.json 29B
file
post-types.ts 1KB
folder
category 文件夹
file
package.json 33B
file
category-types.ts 258B
file
types.ts 520B
folder
banks 文件夹
file
package.json 27B
file
Categories.ts 1KB
file
DataBank.ts 2KB
file
Posts.ts 1KB
file
tsconfig.json 531B
folder
.env_sample 文件夹
file
.gitignore 532B
file
tailwind.config.js 2KB
folder
public 文件夹
file
manifest.json 492B
file
robots.txt 67B
file
index.html 2KB
file
README.md 2KB
file
yarn.lock 505KB
...
zip 文件大小：407.61KB