React & Material UI Data Grid Table Tutorial - Rendering Data Dynamically Using a REST API
In this video, I create a dynamic and responsive table component, with React and Material UI, using the Data Grid component. We also worked with the free REST API called JSON place holder.
This tutorial is beginner-friendly and very easy to follow along.
Installation commands:
npm install @material-ui/core
npm i @material-ui/data-grid
TimeStamps:
Intro - 00:00
02:26 - Load Boilerplate Template on the browser.
04:02 - Import Data Grid & start setting up columns for the data table.
05:54 - Started to create logic to fetch API data from JSON placeholder.
08:49 - Started implementing logic to load API data inside the Data Grid table
12:39 - Conclusion
Material UI Documentation: https://material-ui.com/components/data-grid
JSON Placeholder Page: https://jsonplaceholder.typicode.com/
Source Code:
https://github.com/desoga10/data-grid
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
https://twitter.com/thecodeangle
Leave a like and subscribe for more videos.
Thanks a lot for watching ❤
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React & Material UI Data Grid Table Tutorial - Rendering Data Dynamically Using a REST API», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.