Introduction to CSS-in-JS
Explore the CSS-in-JS approach to styling React applications using styled-components. Understand how this paradigm improves code organization and maintainability by integrating CSS directly with JavaScript. Learn to write styles dynamically based on component state and apply unit testing to styles with Jest and Enzyme. This lesson helps you enhance your React components with efficient styling techniques and testing practices.
We'll cover the following...
Origins of CSS
Take a moment to consider the unlikely origins of the web as an app platform. When Tim Berners-Lee wrote the original web server and browser in 1990, web pages were written in a single language: HTML. HTML could only convey raw content. The way that content was presented was left to the browser. Gradually, a handful of stylistic choices were added to the markup language. Authors started to embellish their sites with (often garish) color and font choices, not to mention the infamous <marquee> tag. With the introduction of CSS in 1996, the ...