Material UI Crash Course: Intro to React + Material UI V5 (2022 Edition) скачать в хорошем качестве

Material UI Crash Course: Intro to React + Material UI V5 (2022 Edition)

Welcome to this crash course of Material UI V5! MUI V5 is a great frontend ui library to integrate with your React project. It comes with so many benefits, and so many customizable options! In this video, we'll go over what MUI is, why you should use MUI with ReactJS, how to import simple Material UI components, and how to customize your own themes and style your components :) If you're looking for a specific component in depth, check out the MUI V5 playlist:    • MUI V5 - Updated Material UI + React in 2022   Follow me on Social Media:   / sistillianthony     / anthonysistilli   Join our coding Discord:   / discord   LINKS CodeSandbox code link: https://codesandbox.io/s/theming-in1wpc MUI V5 Playlist:    • MUI V5 - Updated Material UI + React in 2022   Material Design: https://material.io/design/typography... Material UI Getting Started Guide: https://mui.com/getting-started/insta... Button example: https://mui.com/material-ui/react-but... Typography Example: https://mui.com/material-ui/react-typ... MUI V5 System properties: https://mui.com/system/properties/ MUI V5 SX Prop:    • MUI V5: The SX Prop   MUI V5 Theming:    • MUI V5: Themes (custom colors + fonts, dar...   TIMESTAMPS 0:00 Intro 1:15 What Material UI is (and how it relates to Material Design) 2:30 Installing @mui/material + emotion/react + emotion/styled 3:25 Importing our first MUI Component: The Button 4:55 Component props in MUI and component customization 5:30 How to read MUI Documentation for components (Demos / Examples, and API) 6:25 The 3 common Props of MUI Components 7:35 Typography (text) examples 10:45 What Themes are and how to customize a Theme in MUI V5 14:45 Creating a theme and overwriting colors 17:35 Customizing Typography with Themes (Creating a typography Variant) 20:40 Introduction to the SX prop in MUI V5 (for adding css to your component) and system shorthands 24:55 Custom colors using your Theme 27:00 How to use Styled Components to add CSS and style your components