Okay, we're going to warm up by implementing a reducer in order to get everything up and running again.
We're going to implement the basic functionality.
const reducer = (state = [], action) => {
return state;
};
/* HSL */ | |
$teal: hsla(180%, 78%, 62%, 1); | |
$black: hsla(96%, 20%, 5%, 1); | |
$pink: hsla(339%, 100%, 56%, 1); | |
$yellow: hsla(61%, 100%, 54%, 1); | |
$white: hsla(0%, 0%, 100%, 1); | |
/* RGB */ | |
$teal: rgba(81, 234, 234, 1); | |
$black: rgba(12, 15, 10, 1); |
An engineering manager that I have the privilege of working with just asked me for three expectations of a principal engineer for a project that he is working on to mentor senior engineers at Twilio. Here is the list that I came up with.
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
These are notes from the live-coding portions of the workshop. You're welcome to follow along using these as we work through the material. There might be slight deviations as I answer questions or through the very nature of live-coding.
In this workshop, you'll learn how to build real-world applications using React. We'll start from the basics of getting your first React application off the ground before quickly moving into component hierarchies, lifecycle methods, state management, testing, 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. You'll acquire strategies for debugging and best practices fro structuring your React applications going forward.
Steve is a senior principal engineer and front-end architect at Twilio SendGrid (https://sendgrid.com). He is the author of Electron in Action (https://bit.ly/electronjs). 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 (https://turing,io). He is an or
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
<html data-editor-version="2" class="sg-campaigns" xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /><!--[if !mso]><!--> | |
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /><!--<![endif]--> | |
<!--[if (gte mso 9)|(IE)]> | |
<xml> | |
<o:OfficeDocumentSettings> | |
<o:AllowPNG/> |