TS-in-CSS

Description

How to harness the power of TypeScript in your styles. Time to change the perspective and instead of thinking how to put CSS in your app, let’s start thinking about how to exploit TypeScript in your styles.

How I deliver the talk?

• Lecture
• Demos
• Code snippets

What I will show to the people?

• Pros of using CSS-in-JS
• How are some modern solutions built and why are they built that way?
• How to leverage TypeScript?
• Different CSS-in-JS solutions comparison

What is the one thing I want people to learn?

You can use TypeScript to implement hard stuff and enhance your developer experience.

Why?

You can write more TypeScript and less CSS.

Agenda

1. Why TS in CSS?
2. Benefits of CSS-in-JS
3. How to leverage TypeScript in styles?
4. Popular libraries comparison
5. Summary

Resources

• https://johno.com/styling-themes
• https://jxnblk.com/blog/the-three-tenets-of-styled-system/
• https://jxnblk.com/blog/themeability/
• https://jxnblk.com/blog/iterations-on-a-theme/
• https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660
• https://objectpartners.com/2017/11/03/css-in-js-benefits-drawbacks-and-tooling/
• https://mxstbr.blog/2016/11/inline-styles-vs-css-in-js/
• https://reactarmory.com/answers/how-can-i-use-css-in-js-securely
• https://2019.stateofcss.com/technologies/css-in-js/
• https://github.com/Thoughtscript/x_team_css_in_js