Registration and Breakfast
Emma Wedekind - LogMeIn
A Guided Tour of React Hooks
Dave Ceddia - Tiny Wins
Hooks offer a simple, concise way to write stateful React components without classes.
In this talk you'll learn about the "magic" behind how Hooks work and get to see a few examples of them in action. We'll cover the big four: useState, useEffect, useReducer, and useContext, plus how to write your very own custom hooks.
You may never want to write a class again.
Accessibility in the Age of Components
Ayesha Mazumdar - Optimizely
We often build component libraries to improve consistency, collaboration, and customization for a given product. But what if a component library could also scale accessibility across the entire organization? Building accessible components can help distribute responsibility across all of design and engineering, without needing everyone to be an expert on the nitty-gritty details. In this session, we'll go through specific component examples and use cases to help you and your team contribute to a better, more inclusive web.
Using react-testing-library to Write Stronger Tests
Matt Crowder - Appian
If you had to rewrite your tests when writing a hook in your React application, then you’re writing tests wrong.
react-testing-library is what it sounds like, but more importantly, it encourages writing tests in the way that your end users will be using your components.
In this talk, I will first introduce react-testing-library, what it is, what it encourages, and what it does best. I’ll then dive into how to effectively test a react component, first a smaller component, then a "larger" component with redux, i18n dependencies, etc., then I will show all of the different APIs that react-testing-library provides, and how to effectively use them. Then, I’ll show how to write effective tests across an entire application (writing reusable, effective tests that are not brittle).
Chaos Engineering in React
J.C. Hiatt - Echobind
Chaos Engineering has historically been a topic for the DevOps community, but the frontend is one of the most chaotic environments in existence. Learn about chaos in the frontend and how we can make our React applications more fault-tolerant.
By introducing entropy into our frontend, we can make our application have greater fault tolerance and ultimately provide superior experiences to our users. This talk will introduce the concept of fault tolerance and chaos engineering in the frontend (and specifically, in React applications).
In addition to covering the concept of chaos in the frontend, I will cover how we specifically deal with it in React using React Error Boundaries. No prior knowledge of React will be required to understand the main concepts, although those familiar with React may get even more out of the talk.
I will also be demoing my soon-to-be-released library I’ve been working on called React Chaos, which will help introduce entropy into your React applications with less configuration.
Attendees should walk away with:
* High-level examples of how chaos engineering can benefit the frontend
* How Error Boundaries help make React applications more fault-tolerant
* How they can immediately start introducing entropy into their React apps using React Chaos
⚡ Lightning Talks ⚡
Developer First: A New Leadership Mindset
Kate Wardin - Target
People don’t leave companies, the saying goes, – they leave managers.
As a technology leader passionate about the people side of software development, I have always been captivated by the impacts of great and horrible bosses; on the individual, team, and organization.
Organizations will continue to face an increasingly difficult uphill battle as we try to recruit top technical talent. The unfortunate reality is that there simply are not enough qualified candidates for the increasing demand.
Therefore, there is a dire need to significantly change our approach to leadership if we want to continue building and retaining strong, empowered, motivated, and loyal teams.
Enter Developer First leadership.
Developer First leadership is the drive to focus on the growth and advancement of your team members before yourself.
This approach is centered around the idea that developers should not work for their leaders. Instead, their leaders must work for them!
Kate will demonstrate how developer-first leadership can translate directly to the daily lives of technical leaders.
Participants will leave with tactical methods to truly embrace the human side of software development and serve your teams as intentional, respectable, and inspiring leaders.
From React to Native
Laura González - The Guardian
Why You Should Make All of Your React Apps PWAs and how
Milecia McGregor - Flipped Coding
Developers are usually familiar with the phrase, progressive web app (PWA), but aren't 100% sure of what it is. Most would be surprised to know that they are about 50% of the way there with most of their applications just through best practices. Once you have a checklist for creating PWAs, you'll be able to take any web application and apply it regardless of the framework you use.
React in particular makes it incredibly easy to create PWAs or to update your current React apps and make them PWAs. In this talk, we'll cover the 8 necessary attributes of a PWA, some of the advanced PWA attributes, and how to create/update React apps to make them PWAs. By the end of this talk, attendees should have a concrete understanding of what a PWA is and how to make one with React.
I've Fallen Into a Large Codebase, and I Can't Get Up!
Cameron Yick - Datadog
Developers spend more time reading existing code than writing new code. Navigating codebases is especially important when joining new projects, or when investigating external libraries. Unfortunately, getting a full understanding of a system can be a slow process, especially in large codebases. Incomplete or inaccurate mental models contribute to bugs and slow development. Handmade architecture diagrams can help, but it is easy for these to drift out of sync from the code they originally described.