Timesheet React app with MUI Data Grid and yup validation
Use this as a starter for your next table based react app.
![MUI 5.0.0](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fk62pt2dhf5rh%2F1hBH0UbpJOdMA2fXT2pxvT%2Fa8c7c84036db98c36c6331a33523d0aa%2FBildschirmfoto_2023-09-20_um_10.23.53.png&w=1920&q=75)
This timesheets managing react app is based on MUI with routing, a parent child data grid (tree data) integration and a sidesheet form with yup validation.
React
MUI (Material UI)
YUP validation
Google use-concept pattern
Sidesheet with Form and yup (Timesheets / Create)
Tree Data (Approvals)
I will also contribute on Github and add some documentation.
Related Articles