Official Documentation: https://tushan.msgbyte.com/
Tushan is a highly flexible, React-based, out-of-the-box frontend framework for backend management applications.
As a developer, you can quickly create a usable backend management framework as if you were calling a library.
A simple Tushan application might looks like this:
import { createTextField, createEmailField, createUrlField, jsonServerProvider, ListTable, Resource, Tushan, } from 'tushan'; const dataProvider = jsonServerProvider('https://jsonplaceholder.typicode.com'); function App() { return ( <Tushan basename="/admin" dataProvider={dataProvider} > <Resource name="users" label="User" list={ <ListTable fields={[ createTextField('id', { label: 'ID', }), createTextField('name', { label: 'Name', list: { sort: true, }, }), createEmailField('email', { label: 'Email', }), createUrlField('website', { label: 'Website', }), ]} action={{ create: true, detail: true, edit: true, delete: true }} /> } /> </Tushan> ); } export default App;We can determine the presentation of the data table by specifying the types of fields, and built-in functionalities for common operations such as add, delete, edit, and query are implemented to help developers quickly produce an MVP for a backend application.
The preview effects are as follows:
The API design of Tushan is greatly inspired by react-admin, and their interface protocols are fully compatible. This means that the backend interface ecosystem of react-admin can be seamlessly used by Tushan. If you're interested in a backend solution designed with material-ui, you can choose react-admin as an alternative.
Additionally, Tushan includes some common frontend dependencies such as styled-components and arco-design, which can help you build your frontend interface more quickly.
Visit CodeSandbox for a quick example of a version without backend.
The UI component library of Tushan is based on ByteDance's arco-design. You can access the official documentation of arco-design here.
All components have been exported and can be directly imported through tushan.
