Styled Components Crash Course & Project

Share this & earn $10
Traversy Media
Published at : 23 Oct 2021
55476 views
2352
12

A small project to get you familiar with using styled components with React

Code:
https://github.com/bradtraversy/huddle_styled_components

Udemy Courses:
https://traversymedia.com

💖 Support The Channel!
https://www.patreon.com/traversymedia
https://paypal.me/traversymedia

Frontend Mentor Challenges:
https://www.frontendmentor.io/

Timestamps:
0:00 - Intro
2:10 - Install & Setup
3:15 - First Styled Component
7:40 - Header Styled Component
9:23 - Nesting
10:27 - Passing Props
11:40 - Theme Provider
14:07 - Global Styles
16:28 - Project

styled componentsstyled-componentsreact styled components

The Internet - Girl (Official Video) ft. KAYTRANADA

The Internet - Girl (Official Video) ft. KAYTRANADA

Lucky Luke & NOTSOBAD - Give me a Chance | Extended Remix

Lucky Luke & NOTSOBAD - Give me a Chance | Extended Remix

The West Records: An Outstanding Undiscovered Series [⭐]

The West Records: An Outstanding Undiscovered Series [⭐]

Differences Between Products and Services

Differences Between Products and Services

Specific Reading | They Must Give Back The Abundance They Took From You And Lose It All

Specific Reading | They Must Give Back The Abundance They Took From You And Lose It All

Do You Want to Build a Snowman? (From "Frozen"/Sing-Along)

Do You Want to Build a Snowman? (From "Frozen"/Sing-Along)

Δημήτρης Σαραβάκος - ABSOLUTELY THE BEST

Δημήτρης Σαραβάκος - ABSOLUTELY THE BEST

FNF TikTok Compilation 68 | Friday Night Funkin’ mod The Best TikTok Compilation

FNF TikTok Compilation 68 | Friday Night Funkin’ mod The Best TikTok Compilation

learn how to sticker

learn how to sticker

Selections from Moana arranged by Jay Bocook

Selections from Moana arranged by Jay Bocook

Is President Biden a drag on his party? Voters in Virginia may give an answer

Is President Biden a drag on his party? Voters in Virginia may give an answer

Timeline Of Scholars - Overview

Timeline Of Scholars - Overview

Tujamo & LOTTEN - One Million (Official Music Video)

Tujamo & LOTTEN - One Million (Official Music Video)

What are multiples? | Oxford Owl

What are multiples? | Oxford Owl

Unplanned Six on the street - Funny Prank

Unplanned Six on the street - Funny Prank

How to Create a Concept Map

How to Create a Concept Map

how to choose the best college for you: research, match your personality type, avoid regrets, +more

how to choose the best college for you: research, match your personality type, avoid regrets, +more

7 Signs You Are Out Of Shape (And NEED HELP)

7 Signs You Are Out Of Shape (And NEED HELP)

Simbu is the Reason for Change in Maanaadu Release - K Rajan

Simbu is the Reason for Change in Maanaadu Release - K Rajan

At the Cross-Hillsong

At the Cross-Hillsong

Tucker And Dave Rubin PATHETICALLY Try To Delegitimize AOC

Tucker And Dave Rubin PATHETICALLY Try To Delegitimize AOC

Pyramid Country's "Setting Up" Video

Pyramid Country's "Setting Up" Video

Penis Information: What Is a Large Penis and a Monster Penis?

Penis Information: What Is a Large Penis and a Monster Penis?

10 Signs You Should Become A Lawyer

10 Signs You Should Become A Lawyer

The Search for Significance

The Search for Significance

What causes Hyperemesis Gravidarum? A short film by HG Campaigner - Charlotte Howden

What causes Hyperemesis Gravidarum? A short film by HG Campaigner - Charlotte Howden

The Meek Mill 'Expensive Pain' Interview | 360 with Speedy Morman

The Meek Mill 'Expensive Pain' Interview | 360 with Speedy Morman

SPIDER-MAN NO WAY HOME Trailer 12 New Details You Missed! (4K IMAX)

SPIDER-MAN NO WAY HOME Trailer 12 New Details You Missed! (4K IMAX)

Speedzone teszt: Skoda Superb Style 2.0 TDi DSG SCR: Szárnyashajó

Speedzone teszt: Skoda Superb Style 2.0 TDi DSG SCR: Szárnyashajó

Stir A Passion - Lindy Cofer, REVERE (Official Live Video)

Stir A Passion - Lindy Cofer, REVERE (Official Live Video)

Immune - Comeback (Official Music Video 4K)

Immune - Comeback (Official Music Video 4K)

Five or Six- Another Reason

Five or Six- Another Reason

15 Animals that Bring a Message when They Appear in Your Life

15 Animals that Bring a Message when They Appear in Your Life

Chris Stapleton - You Should Probably Leave (Official Audio)

Chris Stapleton - You Should Probably Leave (Official Audio)

ΤΑ ΣΑΓΟΝΙΑ ΤΟΥ ΚΑΡΧΑΡΙΑ | Depth #1

ΤΑ ΣΑΓΟΝΙΑ ΤΟΥ ΚΑΡΧΑΡΙΑ | Depth #1

CONTRACTOR BREAKS a HUGE 20" WATER MAIN and FLOODED Homeowners PROPERTY *CITY Workers were ANGRY!*

CONTRACTOR BREAKS a HUGE 20" WATER MAIN and FLOODED Homeowners PROPERTY *CITY Workers were ANGRY!*

Bugoy na Koykoy - Tanga Akin To (Lyrics)

Bugoy na Koykoy - Tanga Akin To (Lyrics)

Stricken By Fate

Stricken By Fate

Recover

Recover

Why do we fall in love with a particular person, and not another?

Why do we fall in love with a particular person, and not another?

The Beauty Of Leos Carax

The Beauty Of Leos Carax

feel free to ignore this- (sort of a vent ig-)

feel free to ignore this- (sort of a vent ig-)

БОГАТЫЙ СУПЕРГЕРОЙ vs БЕДНЫЙ СУПЕРГЕРОЙ !

БОГАТЫЙ СУПЕРГЕРОЙ vs БЕДНЫЙ СУПЕРГЕРОЙ !

5 Times CR7 Single Handedly made a Stunning Comeback!

5 Times CR7 Single Handedly made a Stunning Comeback!

The LEGENDARY picking pattern - 'Travis Picking'

The LEGENDARY picking pattern - 'Travis Picking'

I Lost My Family! The Visitors (File 24)

I Lost My Family! The Visitors (File 24)

Every Type of Vacationer

Every Type of Vacationer

Chris Rea - Looking For The Summer  HD 720

Chris Rea - Looking For The Summer HD 720

Bookstore & Coffee Shop Ambience - Bookstore Sounds, Cafe ASMR, Jazz Music, Bookshop Ambience

Bookstore & Coffee Shop Ambience - Bookstore Sounds, Cafe ASMR, Jazz Music, Bookshop Ambience