This event has ended. View the official site or create your own event → Check it out
This event has ended. Create your own
View analytic
Monday, October 26 • 11:00am - 12:00pm
React Inline Styles and the Future of CSS #ReactCSS

Sign up or log in to save this to your schedule and see who's attending!

Writing and maintaining CSS for large applications (and large teams) can be challenging. Teams often have trouble with brittle selectors, naming collisions, specificity, and pile-ups of dead code.

After seeing these issues first-hand on large projects, I built Radium: a JavaScript library for styling React applications with inline styles. In the context of a React application, inline styling elegantly solves many of the issues with large-scale CSS. It also gives you the benefits of a CSS preprocessor like Sass, with extra power for expressive styling

In this presentation, we'll compare the benefits of approaches like Radium to some upcoming and proposed additions to the CSS specification that will help make scalable CSS easy in the future, whether you're using React or not. We'll talk about things like:

  • Scoped CSS
  • Shadow DOM
  • CSS Variables and Custom Media Queries
  • Native CSS Extends

avatar for Alex Lande

Alex Lande

Software Engineer, Formidable Labs
Alex Lande is a front-end web developer interested in building responsive, accessible, and beautiful web applications of the future at Formidable Labs in Seattle, WA. He's the curator of CascadiaCSS, a CSS conference for the Pacific Northwest, and lead developer of Radium, an open source React styling library. He spends most of his time with his girlfriend, their dog, and a too-large collection of punk rock records.

Monday October 26, 2015 11:00am - 12:00pm
Grand Salon “R” Deck