Language: English | Size: 625 MB | Duration: 1h 58m
Ditch CSS stylesheets! Learn CSS in JS to quickly and cleanly style React components with the styled components library
What you'll learn
Increase your value as a React developer.
Convert or create new React apps using the the CSS-in-JS styled-components library.
Style React apps using a newer, cleaner, and more efficient method with Styled Components.
Use Animations with styled components
Create component variations using props (e.g. large / small / primary / secondary Button)
Create different themes with a theme toggle component to apply a light & dark theme
Implement third party fonts using Google fonts
Learn how styled components can interact with ordinary React components & React hooks
Create a mobile-first responsive layout
Requirements
You should already know some simple ES6 syntax and already have worked with the React framework.
Description
**Updated course to version 5 of React styled-components.**
If You Need More Stuff, kindly Visit and Support Us -->> https://CourseWikia.com
Get More Tutorials and Support Us -->> https://FreeCourseWeb.com
We upload these learning materials for the people from all over the world, who have the talent and motivation to sharpen their skills/ knowledge but do not have the financial support to afford the materials. If you like this content and if you are truly in a position that you can actually buy the materials, then Please, we repeat, Please, Support Authors. They Deserve it! Because always remember, without "Them", you and we won't be here having this conversation. Think about it! Peace...
~Get Your Files Here !/01 - Introduction and installation/001 Important Before you begin this course.html
1.1 KB
~Get Your Files Here !/01 - Introduction and installation/002 Introduction to React styled-components.mp4
14.3 MB
~Get Your Files Here !/01 - Introduction and installation/002 Introduction to React styled-components_en.vtt
3.5 KB
~Get Your Files Here !/01 - Introduction and installation/003 Comparing other CSS-in-JS libraries.mp4
26.8 MB
~Get Your Files Here !/01 - Introduction and installation/003 Comparing other CSS-in-JS libraries_en.vtt
4.9 KB
~Get Your Files Here !/01 - Introduction and installation/004 Installing styled components + relevant plugins and tips.mp4
32.6 MB
~Get Your Files Here !/01 - Introduction and installation/004 Installing styled components + relevant plugins and tips_en.vtt
5.7 KB
~Get Your Files Here !/02 - Basics of styled-components/001 Creating our first React styled-component.mp4
20.8 MB
~Get Your Files Here !/02 - Basics of styled-components/001 Creating our first React styled-component_en.vtt
8.5 KB
~Get Your Files Here !/02 - Basics of styled-components/002 Adding global styles using createGlobalStyle + adding Google fonts.mp4
12.4 MB
~Get Your Files Here !/02 - Basics of styled-components/002 Adding global styles using createGlobalStyle + adding Google fonts_en.vtt
3.9 KB
~Get Your Files Here !/02 - Basics of styled-components/003 Conditional styles based on props.mp4
8.9 MB
~Get Your Files Here !/02 - Basics of styled-components/003 Conditional styles based on props_en.vtt
3.7 KB
~Get Your Files Here !/02 - Basics of styled-components/004 How styled components works under the hood.mp4
19.6 MB
~Get Your Files Here !/02 - Basics of styled-components/004 How styled components works under the hood_en.vtt
3.7 KB
~Get Your Files Here !/02 - Basics of styled-components/005 Bulk styles using the styled-components css helper.mp4
9.3 MB
~Get Your Files Here !/02 - Basics of styled-components/005 Bulk styles using the styled-components css helper_en.vtt
3.8 KB
~Get Your Files Here !/03 - Building out our app - layout & header/001 Installing react-router-dom and adding our home and login routes.mp4
7.3 MB
~Get Your Files Here !/03 - Building out our app - layout & header/001 Installing react-router-dom and adding our home and login routes_en.vtt
2.8 KB
~Get Your Files Here !/03 - Building out our app - layout & header/002 Creating the page layout and header components.mp4
45.2 MB
~Get Your Files Here !/03 - Building out our app - layout & header/002 Creating the page layout and header components_en.vtt
7.6 KB
~Get Your Files Here !/03 - Building out our app - layout & header/003 Styling normal React components + extending existing styled component styles.mp4
71.6 MB
~Get Your Files Here !/03 - Building out our app - layout & header/003 Styling normal React components + extending existing styled component styles_en.vtt
12.2 KB
~Get Your Files Here !/03 - Building out our app - layout & header/004 Styling links based on routes (with useLocation hook from react-router-dom).mp4
3.8 MB
~Get Your Files Here !/03 - Building out our app - layout & header/004 Styling links based on routes (with useLocation hook from react-router-dom)_en.vtt
1.4 KB
~Get Your Files Here !/03 - Building out our app - layout & header/005 Media queries using styled components.mp4
36.9 MB
~Get Your Files Here !/03 - Building out our app - layout & header/005 Media queries using styled components_en.vtt
6 KB
~Get Your Files Here !/03 - Building out our app - layout & header/006 useState React hook with menu icon + event handlers with styled-components.mp4
22.1 MB
~Get Your Files Here !/03 - Building out our app - layout & header/006 useState React hook with menu icon + event handlers with styled-components_en.vtt
7.2 KB
~Get Your Files Here !/04 - Building out our app - login page/001 Creating the Input styled component.mp4
25.9 MB
~Get Your Files Here !/04 - Building out our app - login page/001 Creating the Input styled component_en.vtt
7.8 KB
~Get Your Files Here !/04 - Building out our app - login page/002 Creating a PasswordInput styled component with the attrs helper.mp4
19.1 MB
~Get Your Files Here !/04 - Building out our app - login page/002 Creating a PasswordInput styled component with the attrs helper_en.vtt
6.1 KB
~Get Your Files Here !/04 - Building out our app - login page/003 Implementing the show hide password toggle.mp4
17.2 MB
~Get Your Files Here !/04 - Building out our app - login page/003 Implementing the show hide password toggle_en.vtt
5.1 KB
~Get Your Files Here !/04 - Building out our app - login page/004 Adding the buttons and loading submit state to the form.mp4
65.3 MB
~Get Your Files Here !/04 - Building out our app - login page/004 Adding the buttons and loading submit state to the form_en.vtt
10 KB
~Get Your Files Here !/04 - Building out our app - login page/005 Animation with styled components using the keyframes helper (loading spinner).mp4
28.6 MB
~Get Your Files Here !/04 - Building out our app - login page/005 Animation with styled components using the keyframes helper (loading spinner)_en.vtt
4.8 KB
~Get Your Files Here !/04 - Building out our app - login page/22924164-paragraph-text.html
2.5 KB
~Get Your Files Here !/05 - Variables & theming with styled components and styled-theming/001 Themes and variables basics.mp4
19.6 MB
~Get Your Files Here !/05 - Variables & theming with styled components and styled-theming/001 Themes and variables basics_en.vtt
3.6 KB
~Get Your Files Here !/05 - Variables & theming with styled components and styled-theming/002 Creating the theme toggle styled component.mp4
42.5 MB
~Get Your Files Here !/05 - Variables & theming with styled components and styled-theming/002 Creating the theme toggle styled component_en.vtt
5.4 KB
~Get Your Files Here !/05 - Variables & theming with styled components and styled-theming/003 Finishing the toggle theme with useContext and ThemeContext.mp4
20.2 MB
~Get Your Files Here !/05 - Variables & theming with styled components and styled-theming/003 Finishing the toggle theme with useContext and ThemeContext_en.vtt
5.7 KB
~Get Your Files Here !/05 - Variables & theming with styled components and styled-theming/004 Updating GlobalStyles and menus to use theme colors.mp4
22.6 MB
~Get Your Files Here !/05 - Variables & theming with styled components and styled-theming/004 Updating GlobalStyles and menus to use theme colors_en.vtt
3.7 KB
~Get Your Files Here !/06 - Advanced/001 Referencing a styled component within another styled component.mp4
14 MB
~Get Your Files Here !/06 - Advanced/001 Referencing a styled component within another styled component_en.vtt
4.5 KB
~Get Your Files Here !/06 - Advanced/002 Interpolating functions to clean up style logic.mp4
5.7 MB
~Get Your Files Here !/06 - Advanced/002 Interpolating functions to clean up style logic_en.vtt
2.3 KB
~Get Your Files Here !/06 - Advanced/003 Using PropTypes with styled components.mp4
13.1 MB
~Get Your Files Here !/06 - Advanced/003 Using PropTypes with styled components_en.vtt
3.8 KB
~Get Your Files Here !/07 - Resources + Bonus/001 Github Repository.html
334 B
~Get Your Files Here !/07 - Resources + Bonus/002 BONUS.html
2.3 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/gitignore
310 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/jsconfig.json
83 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/package-lock.json
554.5 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/package.json
825 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/public/favicon.ico
3.1 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/public/index.html
1.9 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/public/logo192.png
5.2 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/public/logo512.png
9.4 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/public/manifest.json
492 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/public/robots.txt
67 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/README.md
2.8 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/App.js
980 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/common/Button.js
572 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/common/Header.js
2.6 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/common/index.js
192 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/common/Input.js
298 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/common/PageLayout.js
517 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/common/PasswordInput.js
1.2 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/common/Spinner.js
443 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/common/Toggle.js
802 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/pages/Home.js
2.8 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/components/pages/Login.js
2.2 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/index.css
366 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/index.js
461 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/serviceWorker.js
5 KB
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/setupTests.js
255 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/themes/dark.js
169 B
~Get Your Files Here !/07 - Resources + Bonus/styled-components-v5-master/src/themes/light.js
167 B
~Get Your Files Here !/Bonus Resources.txt
386 B
Alternative Torrents for 'Udemy React styled components edition'.
