You are viewing content from a past/completed QCon

Workshop: Building Modern Web Applications with React and Redux

Location: Seacliff B

Duration: 9:00am - 4:00pm

Day of week: Friday

Level: Beginner

Key Takeaways

  • Learn how to build components in React using JSX
  • Work with a server-side API to build real world applications
  • Write maintainable unit tests for your component
  • Implement client-side routing using React Router
  • Learn how Redux works outside of a React application
  • Understand the inner-workings of the React-Redux bindings
  • Write custom middleware for Redux
  • Work with asynchronous APIs
  • Structure application state for optimal performance and maintainability
  • Implement patterns such as time-travelling

Prerequisites

You should be comfortable with JavaScript.

Some React knowledge is required, but if you attended the React workshop earlier in the day, you will be able to follow along!

You'll need a recent version of Node.js installed on your computer with administrative access.

You'll also want the following extensions for Google Chrome.

React Developer Tools
Redux Developer Tools

In this workshop, you'll learn how to build real-world applications using React and Redux. We'll start from the basics of getting your first React application off the ground before quickly moving into testing, state management, and routing. By the end of the morning, you will have created custom components using JSX to build a working application that works with a server-side API and client-side routing and deployed it to production.  

Managing application state in a way that is both performant and maintainable is no small task. Redux offers a battle-tested solution for managing state in large, production-scale applications. That said, it can be overwhelming to wrap your head around when you're beginning and even trickier when you're learning it in the context of a React application. We'll start by looking at Redux in its simplest form—outside of React. We'll explore best practices for structuring your data and binding your application state to a React application. We'll implement advanced patterns such as undo/redo, middleware, and asynchronous actions that work with a server-side API.

Speaker: Steve Kinney

Principal Engineer @SendGrid

Steve is a senior principal engineer and front-end architect at Twilio SendGrid. He is the author of Electron in Action. Steve is the director emeritus and founder of the front-end engineering program at the Turing School for Software and Design—a non-profit developer training program. He is an organizer of DinosaurJS, a JavaScript conference in Denver, Colorado and an instructor for Frontend Masters.

Find Steve Kinney at

2020 Tracks

  • Operating Microservices

    Building and operating distributed systems is hard, and microservices are no different. Learn strategies for not just building a service but operating them at scale.

  • Distributed Systems for Developers

    Computer science in practice. An applied track that fuses together the human side of computer science with the technical choices that are made along the way

  • The Future of APIs

    Web-based API continue to evolve. The track provides the what, how, and why of future APIs, including GraphQL, Backend for Frontend, gRPC, & ReST

  • Resurgence of Functional Programming

    What was once a paradigm shift in how we thought of programming languages is now main stream in nearly all modern languages. Hear how software shops are infusing concepts like pure functions and immutablity into their architectures and design choices.

  • Social Responsibility: Implications of Building Modern Software

    Software has an ever increasing impact on individuals and society. Understanding these implications helps build software that works for all users

  • Non-Technical Skills for Technical Folks

    To be an effective engineer, requires more than great coding skills. Learn the subtle arts of the tech lead, including empathy, communication, and organization.

  • Clientside: From WASM to Browser Applications

    Dive into some of the technologies that can be leveraged to ultimately deliver a more impactful interaction between the user and client.

  • Languages of Infra

    More than just Infrastructure as a Service, today we have libraries, languages, and platforms that help us define our infra. Languages of Infra explore languages and libraries being used today to build modern cloud native architectures.

  • Mechanical Sympathy: The Software/Hardware Divide

    Understanding the Hardware Makes You a Better Developer

  • Paths to Production: Deployment Pipelines as a Competitive Advantage

    Deployment pipelines allow us to push to production at ever increasing volume. Paths to production looks at how some of software's most well known shops continuous deliver code.

  • Java, The Platform

    Mobile, Micro, Modular: The platform continues to evolve and change. Discover how the platform continues to drive us forward.

  • Security for Engineers

    How to build secure, yet usable, systems from the engineer's perspective.

  • Modern Data Engineering

    The innovations necessary to build towards a fully automated decentralized data warehouse.

  • Machine Learning for the Software Engineer

    AI and machine learning are more approachable than ever. Discover how ML, deep learning, and other modern approaches are being used in practice by Software Engineers.

  • Inclusion & Diversity in Tech

    The road map to an inclusive and diverse tech organization. *Diversity & Inclusion defined as the inclusion of all individuals in an within tech, regardless of gender, religion, ethnicity, race, age, sexual orientation, and physical or mental fitness.

  • Architectures You've Always Wondered About

    How do they do it? In QCon's marquee Architectures track, we learn what it takes to operate at large scale from well-known names in our industry. You will take away hard-earned architectural lessons on scalability, reliability, throughput, and performance.

  • Architecting for Confidence: Building Resilient Systems

    Your system will fail. Build systems with the confidence to know when they do and you won’t.

  • Remotely Productive: Remote Teams & Software

    More and more companies are moving to remote work. How do you build, work on, and lead teams remotely?