React full framework 主要包含以下模块:
React + NextJs + i18n + Less + Redux + Router + Eslint + Axios + Bootstrap
为能更好、快速、科学的开发项目,便研发出了此框架。它的实现的目标如下:
- 1. 结合Nextjs和express实现React服务端渲染,SEO优化合理;
- 2. 支持多语言功能,能自动提取项目中的中文内容,生成翻译文件;
- 3. 添加Less,页面样式编辑;
- 4. 添加Router,路由管理;
- 5. 添加网络请求模块,各个组件和无需区别客户端还是服务端,直接调用实现数据请求;
- 6. 添加Eslint,规范项目编程风格;
- 7. 添加Redux,统一规范状态管理,可以在任意组件页面无需引用便可直接调用方法更新状态。
npx yld-cli init <your-project-name>
|-- assets 放置样式文件
| |-- pages 放置页面相关样式
| |-- common.less 公共样式
|-- components 组件
|-- lib 相关工具
|-- locales 多语言文件文件
|-- pages 页面
|-- server 服务端渲染
|-- static 放置静态文件
|-- store 状态管理
|-- .eslintrc.js Eslint配置
|-- .gitignore git管理
|-- next.config.js next配置
npm i
npm run dev
npm i
npm run build
npm run online
- 英文名:YLD,又名Winter
- 邮箱:[email protected]
- Github:https://github.com/aiyld
- 个人网站: http://www.yanglidong.com
- 个人博客产品:SamYoc https://www.samyoc.com
- 个人文档产品:在线文档 https://doc.samyoc.com
好用的工具千千万万,方便的框架万里挑一...