Code Monkey home page Code Monkey logo

react-next-framework's Introduction

react-next-framework

React full framework 主要包含以下模块:

React + NextJs + i18n + Less + Redux + Router + Eslint + Axios + Bootstrap

npm version npm downloads

为能更好、快速、科学的开发项目,便研发出了此框架。它的实现的目标如下:

  • 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

作者

好用的工具千千万万,方便的框架万里挑一...

react-next-framework's People

Contributors

aiyld avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.