Kairyou's Blog

专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]
  • react 与 vue 的一些写法对比

    / 分类: 开发 / No Comments

    在线 Playground 测试

    state 简单状态

    vue

    const count = ref(0);
    const increment = () => (count.value += 1);

    react

    const [count, setCount] = useState(0);
    const increment = () => setCount(count + 1);

    state 复杂状态

    vue

    state = reactive({
      value: 0,
    });
    state.value = 1;

    react

    const [state, setState] = useReducer((prev, { ...next }) => ({ ...prev, ...next }), {
      value: 0,
    });
    setState({ value: 1 });

    查看全文 »

  • Monorepo 架构介绍

    / 分类: 开发 / No Comments

    Why Monorepo

    Monorepo, 单一代码库, 包含多个项目的单个仓库(相对 multirepo, 每个项目完全独立), 方便代码重用/组件库开发.

    - "apps/*" apps/web, apps/doc # 多个app
    - "packages/*"
    - "components/*"

    Monorepo 优点

    • 容易维护, 提高开发效率, 更快速地代码重构
    • 代码重用, 共享模块和工具链, 减少项目差异, 提高代码重用率(测试、构建、语法检查、部署)
    • 容易协作, 同一代码库, 沟通和协作更容易
    • 容易测试, 被影响的统一测试, 提高测试的效率
    • 场景: react/vue/google/ms/微服务...

    查看全文 »