lanif-uilanif-ui
75

Dva Boot

screenshot of Dva Boot
create-react-app
react
less

:seedling: 使用CRA(create-react-app v2) 构建的react dva 2 脚手架 支持动态路由、接口数据模拟、按功能分层、并且包含诸多实用的小组件

Github

Overview

DVA-BOOT is an innovative scaffolding tool designed for developers looking to simplify the tech stack choice when building modern web applications. It packages essential technologies and popular libraries, allowing users to focus on development rather than setup. Built with DVA 2 and React 16, it emphasizes a modular structure, enabling developers to work on features independently without worrying about conflicts in different directories. This framework is a game-changer for teams eager to create robust web applications efficiently.

DVA-BOOT is not just a standard application; it's a collection of tools that facilitate the development of dynamic, responsive applications. Its intuitive configuration and built-in features streamline the development process, making it accessible for beginners while also offering depth for experienced developers.

Features

  • Dynamic Routing: Simplifies navigation and permits direct focus on specific features without interference from other team members’ work.

  • Model Enhancement: Streamlines data fetching with a simple wrapper for DVA models, reducing the code complexity when interacting with APIs.

  • Global Exception Handling: Centralizes error management through a dedicated configuration, allowing developers to categorize and handle exceptions more effectively.

  • Fetch Mocking: Enables the simulation of server responses, allowing front-end teams to continue development in parallel with back-end work, ensuring seamless integration down the line.

  • Page Helper: Offers a straightforward solution for paginating data, automatically generating pagination objects and supporting chained method calls to enhance code simplicity and readability.

  • Utility Library Integration: Leverages cmn-utils for a wealth of practical methods related to requests, storage, and events, further increasing the framework's versatility.

  • Easy Configuration: Provides a clear and organized setup, where configurations can be managed within designated directories, promoting better code management.

create-react-app
Create React App

Create React App is a popular tool for quickly setting up a new React project without the need for manual configuration or setup. It provides a preconfigured development environment with modern build tools, a live development server, and an easy-to-use command line interface.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.