GigaCourse Com Udemy - React styled components v5 2022 edition

1. 1. Introduction and installation/2. Introduction to React styled-components.mp414.32MB
2. 1. Introduction and installation/3. Comparing other CSS-in-JS libraries.mp426.85MB
3. 1. Introduction and installation/4. Installing styled components + relevant plugins and tips.mp432.65MB
4. 2. Basics of styled-components/1. Creating our first React styled-component.mp455.6MB
5. 2. Basics of styled-components/2. Adding global styles using createGlobalStyle + adding Google fonts.mp428.32MB
6. 2. Basics of styled-components/3. Conditional styles based on props.mp424.56MB
7. 2. Basics of styled-components/4. How styled components works under the hood.mp425.59MB
8. 2. Basics of styled-components/5. Bulk styles using the styled-components css helper.mp425.66MB
9. 3. Building out our app - layout & header/1. Installing react-router-dom and adding our home and login routes.mp421.21MB
10. 3. Building out our app - layout & header/2. Creating the page layout and header components.mp451.33MB
11. 3. Building out our app - layout & header/3. Styling normal React components + extending existing styled component styles.mp475.41MB
12. 3. Building out our app - layout & header/4. Styling links based on routes (with useLocation hook from react-router-dom).mp410.06MB
13. 3. Building out our app - layout & header/5. Media queries using styled components.mp441.9MB
14. 3. Building out our app - layout & header/6. useState React hook with menu icon + event handlers with styled-components.mp449.89MB
15. 4. Building out our app - login page/1. Creating the Input styled component.mp458.46MB
16. 4. Building out our app - login page/2. Creating a PasswordInput styled component with the attrs helper.mp442.65MB
17. 4. Building out our app - login page/3. Implementing the show hide password toggle.mp439.92MB
18. 4. Building out our app - login page/4. Adding the buttons and loading submit state to the form.mp473.85MB
19. 4. Building out our app - login page/5. Animation with styled components using the keyframes helper (loading spinner).mp438.49MB
20. 5. Variables & theming with styled components and styled-theming/1. Themes and variables basics.mp426MB
21. 5. Variables & theming with styled components and styled-theming/2. Creating the theme toggle styled component.mp444.03MB
22. 5. Variables & theming with styled components and styled-theming/3. Finishing the toggle theme with useContext and ThemeContext.mp448.85MB
23. 5. Variables & theming with styled components and styled-theming/4. Updating GlobalStyles and menus to use theme colors.mp425.83MB
24. 6. Advanced/1. Referencing a styled component within another styled component.mp432.61MB
25. 6. Advanced/2. Interpolating functions to clean up style logic.mp414.37MB
26. 6. Advanced/3. Using PropTypes with styled components.mp425.12MB