V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
morri
V2EX  ›  问与答

React 项目目录结构一般都是怎么规划的呢?

  •  
  •   morri · 2023-03-29 14:38:45 +08:00 · 1021 次点击
    这是一个创建于 606 天前的主题,其中的信息可能已经有所发展或是发生改变。

    对后端的结构分层比较了解,比如

    • Controller 层:处理请求和响应,与外部交互,对参数进行基本校验和转换。
    • Service 层:处理业务逻辑,实现业务流程的组织和控制,调用各种 Logic 层提供的功能。
    • Logic 层:处理具体业务逻辑的实现,与底层数据存储打交道,专注于实现具体的业务逻辑,不关心外部调用者是谁,也不关心具体的业务流程,只负责实现功能并提供对外接口。
    • Dao 层:与数据存储打交道,提供对存储的增删改查操作的封装。

    在写 react 的过程中,react 基本一个页面就是一个函数组件。如果页面功能稍微复杂一点,就各种状态,子组件,越多越复杂。

    很想像后端那样 也可以分成 pages,service,logic 等这样的层级。方便管理和扩展。

    但 react 页面就是一个函数组件,也不太好分吧。

    可以看看各位都是怎么分的呢?

    2 条回复    2023-03-29 14:52:20 +08:00
    enchilada2020
        1
    enchilada2020  
       2023-03-29 14:48:22 +08:00 via Android
    没有标准答案
    Iamadog
        2
    Iamadog  
       2023-03-29 14:52:20 +08:00
    pages//页面
    components//公共组件
    styles//样式文件
    services//请求
    assets//静态文件
    app.ts// 入口
    layout//布局
    router//路由
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2737 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 07:00 · PVG 15:00 · LAX 23:00 · JFK 02:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.