Главная
Study mode:
on
1
Intro
2
React and CSS
3
First JSS release
4
Inline styles
5
Global Namespace
6
Implicit Dependencies
7
Minification
8
Sharing Constants
9
Non-deterministic Resolution
10
3 Categories
11
Pure Inline
12
Mixed Mode
13
Pure Style Sheets
14
How does it work.
15
Example with React
16
Media Queries
17
Keyframes Animation
18
Font Face
19
Pseudo Selectors Inspired by Sass.
20
Rules Caching
21
Rules Sharing
22
Class Names are fast.
23
Tools Agnostic
24
Extensible
25
Vendor Prefixer Plugin
26
Inheritance
27
Unsolved Problems
28
Overengineered Solution
29
No standard DSL
30
Missing dev tools
31
Blocks initial rendering.
Description:
Explore the advantages and challenges of writing styles in JavaScript using JSS in this 26-minute conference talk by Oleg Slobodskoi from Chatgrape, Berlin. Discover how JSS compares to other CSS solutions, learn about its good parts, and understand potential drawbacks. Dive into topics such as inline styles, global namespace issues, implicit dependencies, minification, sharing constants, and non-deterministic resolution. Examine three categories of styling approaches: pure inline, mixed mode, and pure style sheets. Learn how JSS works with React, including examples of media queries, keyframe animations, font faces, and pseudo-selectors inspired by Sass. Explore features like rules caching, rules sharing, and the speed of class names. Understand JSS's tool-agnostic nature, extensibility, and vendor prefixer plugin. Discuss inheritance and unresolved issues such as overengineered solutions, lack of standard DSL, missing dev tools, and initial rendering blocks.

JavaScript Style Sheets

React Conferences by GitNation
Add to list