Must-see + collection, build a vite-react-cil enterprise scaffolding from scratch

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • vite-react-cil

    一个用vite构建的react脚手架(A react scaffold built with vite)

  • Project address👉vite-react-cil.

  • ant-simple-pro

    简洁,美观,快速上手,支持3大框架(vue3.0,react,angular,typescript);Concise, beautiful, quick to get started, support 3 big frameworks

  • Case actual combat: -ant-simple-pro is a middle-office solution that supports vue3, react, angular3 big frameworks, Version 3.0 has all been refactored with vite.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • JoL-player

    simple and beautiful, powerful react player

  • -JoL-player is a powerful react player, developed by typescript, and bate3.0 version is refactored with vite

  • jest

    Delightful JavaScript Testing.

  • The configuration of jest is different for each company, so it may not follow my configuration. For the configuration of jest, please refer to jest official website 3.Under the src folder, add the __tests__ folder, and add the App.test.tsx file in the __tests__ folder, and write the following code:

  • vite-plugin-test

    Vite plugin with mocha and puppeteer

  • If you think your own configuration of jest is more complicated, you can recommend you to use vite-plugin-test

  • prettier

    Prettier is an opinionated code formatter.

  • The configuration file of prettierrc can also be a js file. For the specific configuration and usage of prettierrc, please refer to Official Website .prettierignore write the following code:

  • vite-plugin-mock

    A mock plugin for vite.use mockjs.

  • I use less mock here. I basically write the serve interface by myself. I recommend you to use the vite-plugin-mock plug-in. For configuration, the plug-in configuration I introduced earlier is similar. Create a new configMock.ts in config/plugins, and create a new mock folder to store the simulated asynchronous interface. The mock folder is moreThe src directory is at the same level.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • create-react-app

    Set up a modern web app by running one command.

  • vite supports module by default, just add a module to the file name, such as: xx.module.css, it becomes a module, more create-react- app. For scss/less support, installation dependencies are as follows:

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts