React Styled Components Course (V5)

React Styled Components Course (V5), available at $64.99, has an average rating of 4.53, with 42 lectures, based on 1279 reviews, and has 6003 subscribers.

You will learn about Using Styled-Components in React Applications This course is ideal for individuals who are Everyone who wants to learn Styled-Components It is particularly useful for Everyone who wants to learn Styled-Components.

Enroll now: React Styled Components Course (V5)

Summary

Title: React Styled Components Course (V5)

Price: $64.99

Average Rating: 4.53

Number of Lectures: 42

Number of Published Lectures: 42

Number of Curriculum Items: 42

Number of Published Curriculum Objects: 42

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Using Styled-Components in React Applications

Who Should Attend

Everyone who wants to learn Styled-Components

Target Audiences

Everyone who wants to learn Styled-Components

What’s up everybody this is John from Coding Addict and welcome to my Styled Components course.

As styled components co -creator Max Stoiber says:

“The basic idea of styled components is to enforce best practices by removing the mapping between styles and components.”

Styled Components are part of CSS inJS movement where we can create components that possess their own encapsulated styles. No longer we need to create component decide on a selector and then rush to app css or any other stylesheet to write separate styles for that particular component. What makes Styled Components so cool is their awesome tagged template syntax that allows to create normal react components by only defining styles. With zero configuration styled-components support css modularity, variables in css, nesting in css, extending components styles and many more. Styled Components also allows us to write plain CSS in your components without worrying about class name collisions

Styled-components is a CSS-in-JS styling framework that uses tagged template literals in JavaScript and the power of CSS to provide a platform that allows you to write actual CSS to style React components.

Styled components are easy-to-make React components that you write with the styled-components library, where you can style your components with plain CSS inside your JavaScript code.

Course Curriculum

Chapter 1: Introduction

Lecture 1: What Are Styled-Components

Lecture 2: Course Requirements

Lecture 3: VS Code Setup

Lecture 4: Low Quality Video Fix

Lecture 5: Course Review

Chapter 2: Styled Components Tutorial

Lecture 1: Source Code

Lecture 2: Create New Project

Lecture 3: Install Styled Components

Lecture 4: Inline Styles and Global CSS

Lecture 5: Major Flaws

Lecture 6: First Styled Component

Lecture 7: Setup in Detail

Lecture 8: Button Component

Lecture 9: Separate Files

Lecture 10: Simple Props

Lecture 11: Other Props Options

Lecture 12: Extend Styled Component

Lecture 13: Extend React Components

Lecture 14: More Complex Component

Lecture 15: Alternative Syntax

Lecture 16: Global Classes

Lecture 17: CSS Variables

Lecture 18: Utils Approach

Lecture 19: Custom Border Example

Lecture 20: Card – Setup

Lecture 21: Card – Style Container

Lecture 22: Card – Nesting

Lecture 23: Card – Media Queries, Hover and Pseudo Elements

Lecture 24: Global Styles

Lecture 25: Theming

Lecture 26: Animations

Lecture 27: 'AS' Prop

Lecture 28: Important Update!

Lecture 29: Macro and 'CSS' Prop

Lecture 30: CSS Helper Function

Lecture 31: Form Setup

Lecture 32: ATTRS – Button Example

Lecture 33: Submit Button Styles

Lecture 34: ATTRS – Input Example

Lecture 35: More Complex Props – List Example

Lecture 36: More Complex Props – Products Example

Chapter 3: Bonus

Lecture 1: Bonus

Instructors

John Smilga
Instructor

Rating Distribution

1 stars: 3 votes
2 stars: 12 votes
3 stars: 88 votes
4 stars: 420 votes
5 stars: 756 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu