#reactjs #styledcomponents #bearjs #javascript #es6 #jsx #tsx #typescript #reacttypescript #eslint #prettier #husky #precommit #setup #coding #codinglife #js #ts #github #createreactapp #yarn #2023
How to setup styled components for a react typescript app.
** Chapters **
00:00
00:42 1. Installation
01:28 2. Converting Current Components
06:58 3. Keyframes (Animations)
09:17 4. Attributes
11:03 5. Global Style
14:41 6. Dynamic Styling based on Props
18:11 7. Changing Styles using UseState
26:55 8. Extending Styles
32:49 9. Styling Components
35:48 10. ThemeProvider
39:38 11. Outro
** The repository for the video is here: **
https://github.com/paulandcode/yt-react-typescript-2023
https://github.com/paulandcode/yt-react-typescript-2023/releases/tag/v2
Тэги:
#bearjs