Creating Themes for React Styled Components

  Рет қаралды 7,193

Steve Griffith - Prof3ssorSt3v3

Steve Griffith - Prof3ssorSt3v3

Күн бұрын

This is the second part of working with Styled Components in React. This tutorial focuses primarily on creating and using styled-component Themes.
The ThemeProvider and useTheme hook are both discussed and demonstrated.
First part of the tutorial on Styled-Components: • React Styled-Components
Code from both videos: github.com/prof3ssorSt3v3/rea...
Styled-Components website: styled-components.com/

Пікірлер: 18
@solev11
@solev11 Жыл бұрын
I'm learnig React and this just blew my mind. Thanks for the video!
@maryamsabzalipour8011
@maryamsabzalipour8011 Жыл бұрын
That was exactly what I was looking for, Thank you so much
@andrzejsotnikow7494
@andrzejsotnikow7494 Жыл бұрын
As usual excellent tutorial, I'm your fan
@zenlogie9310
@zenlogie9310 6 ай бұрын
Very good explanation
@codedancingwithmilos
@codedancingwithmilos Жыл бұрын
Nice tutorial! Keep doing it. #react
@in_tyler_we_trust
@in_tyler_we_trust Жыл бұрын
keep doing react videos 🙌📈
@ldt8910
@ldt8910 Жыл бұрын
Thank you!
@regilearn2138
@regilearn2138 Жыл бұрын
Hi Steve,Awesome content,would appreciate if you can tell us how to use modular styling in styled-components.if then what is the best practice folder structure for that.
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 Жыл бұрын
There is no "best" folder structure for a react project. The key is to have a standard convention that everyone in your team follows.
@regilearn2138
@regilearn2138 Жыл бұрын
@@SteveGriffith-Prof3ssorSt3v3 ok got it,and how to use modular styling in styled-components
@hashimsaith1265
@hashimsaith1265 Жыл бұрын
I love U steve your videos are amazing 😘
@stannikolov
@stannikolov Жыл бұрын
Would you recommend Styled Component over React Bootstrap?
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 Жыл бұрын
Both are good tools.
@0806348
@0806348 Жыл бұрын
Please how can i link my online Database to Local Database for me to be able to sync my local to online
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 Жыл бұрын
A local database (indexedDB) can't be linked to a remote database (MySql, postgreSQL, SQL Server, mongoDB, etc). The server-side databases have some script (PHP, Ruby, ASP.Net, etc) controlling access to them. You can use fetch to pass information between the browser and the server but you will have to write the code on both sides to manage it and it will depend on your data structures.
@0806348
@0806348 Жыл бұрын
@@SteveGriffith-Prof3ssorSt3v3 thanks sir I really appreciate your reply
@Netkravler
@Netkravler Жыл бұрын
why dont you add the Themeprovidor and wrap it directly arround the abb instead of exporting it from the theme file. then it would be easier to send props to the theme through the providor.
@Ale-in-Germany
@Ale-in-Germany Жыл бұрын
Thank you
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 502 М.
Light / Dark Mode Toggle In React Tutorial
16:02
PedroTech
Рет қаралды 97 М.
MISS CIRCLE STUDENTS BULLY ME!
00:12
Andreas Eskander
Рет қаралды 17 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 79 МЛН
КОМПОТ В СОЛО
00:16
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 31 МЛН
Enums considered harmful
9:23
Matt Pocock
Рет қаралды 199 М.
Styled Components Is the Only Way To Do CSS
7:43
Engineer Man
Рет қаралды 21 М.
Styled Components Crash Course & Project
48:23
Traversy Media
Рет қаралды 253 М.
God-Tier Developer Roadmap
16:42
Fireship
Рет қаралды 7 МЛН
Compound Components in React (Design Patterns)
18:21
Cosden Solutions
Рет қаралды 32 М.
Mastering React Context: Do you NEED a state manager?
37:26
Jack Herrington
Рет қаралды 98 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 632 М.
Important differences between textContent and innerText
11:44
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 2,3 М.
SPA-проект с темизацией на React и styled-components
1:58:11
Михаил Непомнящий
Рет қаралды 32 М.
Styled Components Full Tutorial - Style Your Components in React
23:54