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
Chrome Dev Tools Console Super Powers
16:44
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 5 М.
Up and Running with MySQL and NodeJS
1:03:05
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 859
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32
Looks realistic #tiktok
00:22
Анастасия Тарасова
Рет қаралды 106 МЛН
React 2021 Axios & Spinners - Episode 16
19:57
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 7 М.
Web Component Styling  - What you need to know
17:09
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 9 М.
Checking for the Existence of JavaScript Variables
9:08
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 3,3 М.
SPA-проект с темизацией на React и styled-components
1:58:11
Михаил Непомнящий
Рет қаралды 32 М.
Custom Theme Switcher (React Project)
27:15
Coding in Public
Рет қаралды 8 М.
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32