Skip to main content

关于飞冰



飞冰是一个基于 React 的研发解决方案,围绕研发框架 icejs 提供完善的领域解决方案,同时结合可视化操作、物料复用等方案降低研发门槛。

特性 🎉#

  • 🦧 同时支持 Vite & Webpack 模式,业务可以按需选择
  • 🐒 开箱即用的工程能力:TypeScript/Webpack5/Vite/样式方案/Mock/...
  • 🦊 贴合业务的最佳实践:目录规范、代码规范、路由方案、状态管理、数据请求等
  • 🐯 多种应用模式:支持 SPA、MPA,同时支持服务端渲染 SSR 以及静态构建 SSG
  • 🐦 强大的插件能力:官方所有能力都通过插件实现,业务可以通过插件扩展各种能力
  • 🐘 丰富的领域方案:微前端解决方案 icestark、一体化方案、React Hooks 解决方案 ahooks、表单方案 Formily 等

在框架基础上,也可以搭配 VS Code 插件 AppWorks 享受到更多功能:

  • 通过大量的官方模板(fusion/antd)可视化创建项目,查看官方物料
  • 基于 VS Code 插件可视化的调试、管理依赖、拼装区块等,查看文档
  • 业务可以根据规范定制自己的物料体系(含项目模板),查看物料开发文档
  • ……

常见问题 📝#

使用飞冰是否需要具备一定的前端基础?#

毫无疑问是需要的,我们在努力降低前端开发的门槛,但一些基础的前端知识还是需要具备的,比如 JavaScript 的基础语法、前后端如何通信等。为了便于快速入门前端知识,我们整理了一份 前端基础知识,希望能帮助到开发者。

资深前端同学是否适合使用飞冰?#

适合,面向前端场景飞冰团队有大量的最佳实践,无论是工程、规范、状态管理还是微前端都可以开箱即用。

飞冰的浏览器兼容策略是怎样的?#

飞冰官方 React 物料默认使用 React 16+,其需要的最低 IE 版本为 11,如果您需要在以下的版本使用,您可能需要引入一些 polyfill 来支持 Map, Set 等特性。参考React 官网说明

飞冰可以使用哪些 UI 组件?#

飞冰的框架和工具都不耦合 UI 组件,因此开发者可以选择任意的 React UI 组件使用,比如:

飞冰跟低代码方案有什么关系?#

低代码方案一般指以可视化拖拽搭建为主,少量地方使用代码辅助,此类方案往往是面向具体领域而非通用场景的,飞冰是面向通用领域的,以源码研发为主,通过框架、物料、GUI 操作等能力降低研发门槛,因此飞冰并不是通俗意义的低代码方案。

与直接使用 Vite/Webpack 相比,使用 icejs 有什么优势?#

Vite/Webpack 只提供了基础的工程能力,icejs 在此基础上扩展了很多能力:

  • 默认集成好的工程能力,无需再手动配置一遍
  • 不止是工程配置,更有面向业务领域的最佳实践,比如路由配置、目录组织、状态管理等
  • 让很多业务接入成本高的能力可以开箱即用,比如 SSR/SSG、微前端、一体化,基于原始的 Webpack 建设这些能力需要付出很高成本
  • 通过插件化让以上这些能力可以被扩展以及跨项目复用

icejs 与 Next.js、UmiJS 之类的框架有什么区别?#

icejs、Next.js、UmiJS 以及基于 Vue 的 Nuxt.js 都是同一个层面的解决方案,而这些方案基本都有受 Next.js 启发。各个框架除了功能实现上有些许差异外,更多是不同团队有不同的最佳实践以及设计原则,开发者可以结合自身的功能诉求以及最佳实践做选择。

联系我们 🧼#

阿里内部同学请搜索「飞冰(ICE)万能群」,社区同学请扫以下二维码
阿里内部同学请搜索「飞冰(ICE)万能群」,社区同学请扫以下二维码
阿里内部同学请搜索「飞冰(ICE)万能群」,社区同学请扫以下二维码