Filename Size 1. Introduction and installation/1. Important Before you begin this course.html 1.1 KB 1. Introduction and installation/2. Introduction to React styled-components.mp4 14.3 MB 1. Introduction and installation/2. Introduction to React styled-components.srt 3.9 KB 1. Introduction and installation/3. Comparing other CSS-in-JS libraries.mp4 26.8 MB 1. Introduction and installation/3. Comparing other CSS-in-JS libraries.srt 5.3 KB 1. Introduction and installation/4. Installing styled components + relevant plugins and tips.mp4 32.6 MB 1. Introduction and installation/4. Installing styled components + relevant plugins and tips.srt 6.3 KB 2. Basics of styled-components/1. Creating our first React styled-component.mp4 55.6 MB 2. Basics of styled-components/1. Creating our first React styled-component.srt 9.6 KB 2. Basics of styled-components/2. Adding global styles using createGlobalStyle + adding Google fonts.mp4 28.3 MB 2. Basics of styled-components/2. Adding global styles using createGlobalStyle + adding Google fonts.srt 4.4 KB 2. Basics of styled-components/3. Conditional styles based on props.mp4 24.6 MB 2. Basics of styled-components/3. Conditional styles based on props.srt 4.1 KB 2. Basics of styled-components/4. How styled components works under the hood.mp4 25.6 MB 2. Basics of styled-components/4. How styled components works under the hood.srt 4 KB 2. Basics of styled-components/5. Bulk styles using the styled-components css helper.mp4 25.7 MB 2. Basics of styled-components/5. Bulk styles using the styled-components css helper.srt 4.3 KB 3. Building out our app - layout & header/1. Installing react-router-dom and adding our home and login routes.mp4 21.2 MB 3. Building out our app - layout & header/1. Installing react-router-dom and adding our home and login routes.srt 3.2 KB 3. Building out our app - layout & header/2. Creating the page layout and header components.mp4 51.3 MB 3. Building out our app - layout & header/2. Creating the page layout and header components.srt 8.1 KB 3. Building out our app - layout & header/3. Styling normal React components + extending existing styled component styles.mp4 75.4 MB 3. Building out our app - layout & header/3. Styling normal React components + extending existing styled component styles.srt 13.6 KB 3. Building out our app - layout & header/4. Styling links based on routes (with useLocation hook from react-router-dom).mp4 10.1 MB 3. Building out our app - layout & header/4. Styling links based on routes (with useLocation hook from react-router-dom).srt 1.6 KB 3. Building out our app - layout & header/5. Media queries using styled components.mp4 41.9 MB 3. Building out our app - layout & header/5. Media queries using styled components.srt 6.5 KB 3. Building out our app - layout & header/6. useState React hook with menu icon + event handlers with styled-components.mp4 49.9 MB 3. Building out our app - layout & header/6. useState React hook with menu icon + event handlers with styled-components.srt 8 KB 4. Building out our app - login page/1. Creating the Input styled component.mp4 58.5 MB 4. Building out our app - login page/1. Creating the Input styled component.srt 8.2 KB 4. Building out our app - login page/1.1 paragraph-text.html 2.5 KB 4. Building out our app - login page/2. Creating a PasswordInput styled component with the attrs helper.mp4 42.7 MB 4. Building out our app - login page/2. Creating a PasswordInput styled component with the attrs helper.srt 6.8 KB 4. Building out our app - login page/3. Implementing the show hide password toggle.mp4 39.9 MB 4. Building out our app - login page/3. Implementing the show hide password toggle.srt 5.8 KB 4. Building out our app - login page/4. Adding the buttons and loading submit state to the form.mp4 73.9 MB 4. Building out our app - login page/4. Adding the buttons and loading submit state to the form.srt 11.1 KB 4. Building out our app - login page/5. Animation with styled components using the keyframes helper (loading spinner).mp4 38.5 MB 4. Building out our app - login page/5. Animation with styled components using the keyframes helper (loading spinner).srt 5.2 KB 5. Variables & theming with styled components and styled-theming/1. Themes and variables basics.mp4 26 MB 5. Variables & theming with styled components and styled-theming/1. Themes and variables basics.srt 3.9 KB 5. Variables & theming with styled components and styled-theming/2. Creating the theme toggle styled component.mp4 44 MB 5. Variables & theming with styled components and styled-theming/2. Creating the theme toggle styled component.srt 6 KB 5. Variables & theming with styled components and styled-theming/3. Finishing the toggle theme with useContext and ThemeContext.mp4 48.8 MB 5. Variables & theming with styled components and styled-theming/3. Finishing the toggle theme with useContext and ThemeContext.srt 6.4 KB 5. Variables & theming with styled components and styled-theming/4. Updating GlobalStyles and menus to use theme colors.mp4 25.8 MB 5. Variables & theming with styled components and styled-theming/4. Updating GlobalStyles and menus to use theme colors.srt 4 KB 6. Advanced/1. Referencing a styled component within another styled component.mp4 32.6 MB 6. Advanced/1. Referencing a styled component within another styled component.srt 5 KB 6. Advanced/2. Interpolating functions to clean up style logic.mp4 14.4 MB 6. Advanced/2. Interpolating functions to clean up style logic.srt 2.6 KB 6. Advanced/3. Using PropTypes with styled components.mp4 25.1 MB 6. Advanced/3. Using PropTypes with styled components.srt 4.2 KB 7. Resources + Bonus/1. Github Repository.html 334 B 7. Resources + Bonus/1.1 styled-components-v5-master.zip 179.7 KB 7. Resources + Bonus/2. BONUS.html 1.8 KB