Workshop: Modular Apps With React And Styled-Components




9:00am - 12:00pm

Key takeaways

introduction to react

styling with styled-components

strategies for building modular layout and style components

react project organization

flexbox layouts


  • Participants should be familiar with JavasScript (ES6) basics
  • Participants should be familiar with CSS basics
  • Participants should bring a laptop with the following installed:
  • * git * node vs 6.0 or higher
  • * npm version 3.10+ or yarn version 0.23+
  • * a text editor or ide
  • * Chrome
  • * React-dev tools for chrome

Intro to making webapps with react.js. Once we've built a basic page, we'll cover styling your app, and building modular layout primitives with styled-components. There will brief lectures with time to work, and git repo you can follow

Speaker: Ryan Schwers

Senior Software Engineer @Reddit

Ryan Schwers is a frontend architect at Reddit; contributing to the upcoming redesign with a focus on performance and architecture. Previously he's worked on iOS applications at Pushbullet and web apps at Hipmunk.

Find Ryan Schwers at



  • Architectures You've Always Wondered About

    Architectural practices from the world's most well-known properties, featuring startups, massive scale, evolving architectures, and software tools used by nearly all of us.

  • Going Serverless

    Learn about the state of Serverless & how to successfully leverage it! Lessons learned in the track hit on security, scalability, IoT, and offer warnings to watch out for.

  • Microservices: Patterns and Practices

    Stories of success and failure building modern Microservices, including event sourcing, reactive, decomposition, & more.

  • DevOps: You Build It, You Run It

    Pushing DevOps beyond adoption into cultural change. Hear about designing resilience, managing alerting, CI/CD lessons, & security. Features lessons from open source, Linkedin, Netflix, Financial Times, & more. 

  • The Art of Chaos Engineering

    Failure is going to happen - Are you ready? Chaos engineering is an emerging discipline - What is the state of the art?

  • The Whole Engineer

    Success as an engineer is more than writing code. Hear inward looking thoughts on inclusion, attitude, leadership, remote working, and not becoming the brilliant jerk.

  • Evolving Java

    Java continues to evolve & change. Track covers Spring 5, async, Kotlin, serverless, the 6-month cadence plans, & AI/ML use cases.

  • Security: Attacking and Defending

    Offense and defensive security evolution that application developers should know about including SGX Enclaves, effects of AI, software exploitation techniques, & crowd defense

  • The Practice & Frontiers of AI

    Learn about machine learning in practice and on the horizon. Learn about ML at Quora, Uber's Michelangelo, ML workflow with Netflix Meson and topics on Bots, Conversational interfaces, automation, and deployment practices in the space.

  • 21st Century Languages

    Compile to Native, Microservices, Machine learning... tailor-made languages solving modern challenges, featuring use cases around Go, Rust, C#, and Elm.

  • Modern CS in the Real World

    Applied trends in Computer Science that are likely to affect Software Engineers today. Topics include category theory, crypto, CRDT's, logic-based automated reasoning, and more.

  • Stream Processing In The Modern Age

    Compelling applications of stream processing using Flink, Beam, Spark, Strymon & recent advances in the field, including Custom Windowing, Stateful Streaming, SQL over Streams.