React + Material UI #2: Actually coding a UX design
For this video, I downloaded Figma and Material's plugin for Figma and made a very basic UX design. The point of the video is to showcase how you would go about coding a site from scratch with React and Material UI while following a UX design.
The end product was not pixel perfect by any means - which is fine since the point of the video is to demonstrate the workflow as opposed to specific css stylings.
In this video we go over:
- How to install Material UI
- What is Material UI Grid?
- How does Material UI Grid work?
- How to create a Grid component and nest a content and header within it
- Using the Material UI Appbar and Toolbar to create a header
- Using Material UI MakeStyles and Icons
- Using the Material UI Card, with CardHeader, CardActions, CardMedia, and CardContent sub components
- Using Grid to create a responsive screen size
- Dynamically displaying content within a Material UI Component
Github link: https://github.com/AtotheY/material-ui-ux-video
Please let me know anything else you would like me to cover in the comments below! :)
The Forge Coding Tutorials...http://theforge.ca
Follow me on Social Media:
https://www.linkedin.com/in/asistilli/
https://www.tiktok.com/@anthonysistilli
https://www.instagram.com/asistilli/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React + Material UI #2: Actually coding a UX design», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.