Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CSS in JavaScript: with styled components and React

216 views

Published on

CSS in JavaScript: With styled-components and React introduces you to developing modern applications that include CSS written directly in your JavaScript files, rather than as separate stylesheets. Taking on something this new can be daunting, but expert instructor Dustin Schau brings his wealth of experience on CSS in JS with lessons that will let you digest what you learn easily.

Get the entire course for 42% off. Just enter slschau into the discount code box at checkout at manning.com.

Published in: Software
  • Be the first to comment

  • Be the first to like this

CSS in JavaScript: with styled components and React

  1. 1. CSS and Components: a winning match With CSS in JavaScript—get the entire course for 42% off. Just enter slschau at checkout at manning.com.
  2. 2. Modernizing CSS—with styled components! CSS was designed to style documents when the web was basically just a document reader—web development has come a long way since then. CSS in JavaScript teaches you how to integrate CSS with JavaScript and components, allowing you to write CSS directly into your Java Script files.
  3. 3. Learn a new and effective approach to CSS CSS in JavaScript takes the best of multiple worlds—styled components, React, and ES2015, allowing you to write CSS directly into your JavaScript files. This approach lets your CSS interact directly with components and has other benefits like cleaner code and enhanced functionality. Styling with React and styled components
  4. 4. Learn by putting your new knowledge to use You’ll learn this new approach to web development in the time- tested way of “learning by doing.” After the introduction to the topic you’ll get started by styling your first component and putting it to work. Each learning step is supported by explanation, exercises, helpful visuals—so you really learn it!
  5. 5. Learn from a front-end development expert Dustin Schau has worked on internal component libraries, hybrid mobile applications, React applications of all sizes, and is no stranger to sharing his considerable front-end knowledge and experience with others. His development of css-in-js- playground.com was featured in CSS Tricks front-end tools of the year.
  6. 6. If you want to see more, check out the free modules from the course here. Get CSS in JavaScript for 42% off. Just enter slschau at checkout at manning.com.

×