You are viewing content from a past/completed QCon

Workshop: React Workshop

Location: Henry Moore, 4th flr.

Duration: 1:00pm - 4:00pm

Day of week: Thursday

Level: Intermediate

Key Takeaways

  • Learn how to build components in React using JSX.

  • Master the component life cycle and state management in a React application.

  • Become comfortable with using Redux for synchronous and asynchronous state management in a React application.

  • Build sophisticated user interfaces using modern tools, such as React and Redux, in a cross-platform desktop application.

Prerequisites

You'll need a recent version of Node.js installed on your computer with administrative access. Yarn is not required, but Electron Forge uses it, so it would be helpful to install beforehand. 

Please make sure you're using a supported platform. This is particularly important if you're running Linux. 

Important note: If you're using Windows, make sure you're not using the Windows Subsystem for Linux. This will confuse Electron to thinking you're running on a Linux machine when you're really not.

While Redux has no relation to React. You can write Redux apps with React, Angular, Ember, jQuery, or vanilla JavaScript, Redux works especially well with libraries like React and Deku because they let you describe UI as a function of state, and Redux emits state updates in response to actions.

React is a library for building sophisticated user interfaces in the browser. In this workshop, we'll build a UI in React on top of an Electron application. We'll explore building React components using JSX as well as state management using React's built-in state management and Context. In addition, we'll use Redux, a framework-agnostic state management library that has often coupled with React for implementing advanced state management patterns.

This workshop consists of 2 parts: Part 1 (the morning session) covers Electron and part 2 (afternoon session) which covers React/Redux. Part 1 is required to attend part 2.

Taken together Electron and React/Redux enables you to build sophisticated user interfaces, write end-to-end tests for your desktop applications, write to the filesystem, and package applications for distribution.

Method of Instruction:

    • Lecture and Hands-on Development

Transfer

    • Knowledge: 40%
    • Skill-Building: 60%

Target Audience

    • Intermediate Developers

Speaker: Steve Kinney

Principal Engineer @SendGrid

Steve is a principal front-end engineer at 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

Last Year's Tracks

Monday, 4 March

Tuesday, 5 March

Wednesday, 6 March