Hello fellow react devs! I am happy to share part number 10 of the series. In today's episode you will learn how to:
- fetch the data from the API call
- create a reusable table component using MUI data-grid
- populate fetched data within MUI data-grid
- and customizing by adding loading state, error notification system adjusting pagination options.
Completed lesson 10 on Github:
https://github.com/theatypicaldeveloper/materialUi-in-react/tree/lesson-10-data-grid
If you wish to pull the previous version just pull the lesson-9 branch:
https://github.com/theatypicaldeveloper/materialUi-in-react/tree/lesson-9-skeleton
📚 Support me:
https://www.paypal.com/donate/?hosted_button_id=Z4X8GFS9M4P6J
https://www.buymeacoffee.com/theatypicaldev
🌎 Find me here:
My articles: https://the-atypical-developer.medium.com
Github: https://github.com/theatypicaldeveloper?tab=repositories
Instagram: https://www.instagram.com/atypicaldeveloper/?hl=en
Links:
https://github.com/theatypicaldeveloper/materialUi-in-react
https://mui.com/
#reactjs #materialui #datagrid
Download
0 formats
No download links available.
Material UI in React #10 - Data grid - fetching data from API, loading, error messages | NatokHD