Главная
Study mode:
on
1
Intro
2
Blaine
3
Conclusion
4
Why style components
5
The purpose of components
6
Component examples
7
Why use JavaScript
8
The power of JavaScript
9
I hit a wall
10
Benefits arent worth it
11
What is styled components
12
The real power of styled components
13
How it works
14
Style component title
15
Style component wrapper
16
Styling concerns
17
HTML CSS
18
Nesting
19
Media queries
20
React components
21
Interpolation
22
ThemeProvider
23
Function Interpolation
24
New Themes
25
React Native
26
Wrapup
27
Making things better
28
Historical separation
Description:
Explore the evolution of CSS in component-based systems through this conference talk from CSSconf EU 2017. Dive into the challenges of building user interfaces on the web and the shift towards component-based systems. Discover the thought process behind the creation of styled-components, a new approach to styling developed by Glen Maddern and Max Stoiber. Learn about the benefits and power of using JavaScript for styling, the concept of styled-components, and how they work in practice. Examine examples of style components, including titles and wrappers, and understand how to handle styling concerns such as nesting and media queries. Investigate the use of React components, interpolation, and ThemeProvider. Gain insights into the application of styled-components in React Native and reflect on the historical separation of concerns in web development. Conclude with a discussion on how this approach aims to improve the overall process of building user interfaces.

The Road to Styled Components - CSS in Component-Based Systems

JSConf
Add to list