Rdtf基于Vite构建的快速开发模板

前言

最近在写一些小项目，发现重复的工作越来越多一直在做cv工程师，时间久了感觉很烦躁没有过多的收获

所以我在想我们能不能做一个快速开发模板，把一些常用的功能、组件、配置、工具等封装好，这样我们就可以直接使用，

不用每次都去写重复的代码，提高我们的开发效率，

且我相对vite来说更熟悉一些，所以选择了Vite。

大家可以访问 Rdtf官网查看Demo模板

注意！当前项目处于开发阶段，功能还需完善，可能存在一些bug，如有问题请及时反馈，谢谢大家谅解！

Rdtf是一个基于Vite构建的快速开发模板，它提供了一些常用的功能、组件、配置、工具等，可以帮助我们快速搭建一个React项目。

Rdtf主要采用Mantine组件以及Tailwind CSS进行样式开发，同时使用TypeScript进行类型检查，保证代码的健壮性。

当然Rdtf也提供了axios和react-query进行数据请求和状态管理，同时使用react-router-dom进行路由管理，方便我们实现页面跳转、参数传递等功能。

Rdtf基于Vite构建的快速开发模板

Rdtf的大概项目结构如下：

src
├── pages
├── components
├── config
│   ├── index.tsx

在整个src下，我们主要分为pages、components、config三个文件夹，其中pages文件夹用于存放页面文件，components文件夹用于存放组件文件，config

文件夹用于存放配置文件。

所有的默认模板配置都存放于config中，包括但不限于菜单栏设置、暗夜模式设置、友链设置、个人信息设置、主题设置等。

所有的自定义组件全部存放于components下的client中，包括但不限于头像、Logo、友链卡片、菜单栏、个人信息卡片……

注意！此模板默认提供了基于Mantine的Form实现的登录、注册、找回表单存放于components下的client中如有自定义需求可自行修改

快速构建是Rdtf的初衷，且会为此为目标不断完善，希望能尽可能的优化构建体验

将大量的重复代码封装成组件，只需在配置中自行编写组件的一些参数,即可满足你的需求

Rdtf提供了丰富的组件，大家可以自行选取使用，构建自己的网站

大家可以根据自身需求，对Rdtf的组件、样式、布局等进行自定义修改，打造出属于自己特色的网站

Rdtf默认提供了暗夜模式，可以通过点击菜单栏的图标来切换暗夜模式

只提供Pc端布局显然不是我们的初衷，所以对默认布局我们提供了响应式设计，且在各种尺寸下都能有较好的开发体验

目前Rdtf还在不断完善中，还为将仓库公开，所以暂时无法提供下载，敬请谅解。

不过大家可以访问 Rdtf官网查看Demo模板