Session Schedule

Session Schedule2019-01-07T06:25:51-05:00

Tuesday

8:00 AM

Building Your First Voice Experience with Alexa

Presented by: Jeff Blankenburg
Time: Tuesday 8:00 AM - 12:00 PM

This workshop will dive right in to getting you set up and started building a voice-based experience with Alexa. You will leave this session with a working Alexa skill that you can customize and publish as your own. We will cover topics around voice design best practices, voice interactions,...

Room: CypressTrack: Web/Front-EndTags: Cloud, Big Data, Design (UI/UX/CSS), Javascript, TestingFormat: PreCompilerLevel: Introductory and overview

Wednesday

8:00 AM

Cypress Testing: Learn once, apply anywhere

Presented by: Devlin Duldulao
Time: Wednesday 8:00 AM - 12:00 PM

How can you be sure the code you ship does what you expect it to do? In this workshop, I will teach you how to add end-to-end tests to Angular, Vue, React, Svelte, or Ember with Cypress. Why Cypress? Cypress has an amazing developer experience when writing tests and you can apply it in any frontend...

Room: Salon A/HTrack: Web/Front-EndTags: JavascriptFormat: PreCompilerLevel: Intermediate
1:00 PM

Redux Toolkit in React

Presented by: Ruby Jane Cabagnot
Time: Wednesday 1:00 PM - 5:00 PM

Learn how to write a web application using the latest and greatest in the React world. React v17, TypeScript 4, Formik, Material-UI 5, and Redux Toolkit. Redux toolkit is the official, opinionated, batteries-included toolset for efficient Redux development written by Redux's creators. You can...

Room: Indigo BayTrack: Web/Front-EndTags: JavascriptFormat: PreCompilerLevel: Intermediate

Thursday

9:15 AM

Future-proof your Web Apps with Web Components and LitElement

Presented by: Kito Mann
Time: Thursday 9:15 AM - 10:15 AM

Building a web app? Should you pick Angular, React, Vue, or the something else? Did you know that browsers have a built-in standard for building reusable components, called Web Components? With a little bit of help from LitElement and LitHtml — libraries from Google’s Polymer team — you can...

Room: CypressTrack: Web/Front-EndTags: Design (UI/UX/CSS), JavascriptFormat: General SessionLevel: Introductory and overview
1:00 PM

Rock-Solid Components with TypeScript and GraphQL

Presented by: Mat Warger
Time: Thursday 1:00 PM - 2:00 PM

Most recent javascript frameworks bring a solid component model to modern web development, but how can you guarantee that your components work correctly? In this session, you learn how the features of TypeScript can be leveraged to bring clarity and dependability when constructing components with...

Room: Portia/WisteriaTrack: Web/Front-EndTags: JavascriptFormat: General SessionLevel: Intermediate
3:30 PM

Using SVG to create responsive, interactive and animatable graphics

Presented by: Ben Hoffmann
Time: Thursday 3:30 PM - 4:30 PM

A message is often best stated visually. Traditional methods of designing graphics, diagrams, and charts produce something that retains its aspect ratio, regardless of the size it is viewed. This may work fine for print and slide media, but fails to take advantage of viewing digital content on...

Room: Salon E/DTrack: Web/Front-EndTags: Design (UI/UX/CSS), Javascript, MobileFormat: General SessionLevel: Advanced
4:45 PM

Svelte, cybernetically enhanced web apps

Presented by: Ruby Jane Cabagnot
Time: Thursday 4:45 PM - 5:45 PM

Svelte is a radical new approach to building user interfaces. Whereas frameworks like React & Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. And rather than applying techniques like virtual DOM diffing, Svelte writes...

Room: Portia/WisteriaTrack: Web/Front-EndTags: JavascriptFormat: General SessionLevel: Introductory and overview

Friday

8:30 AM

Migrating a legacy React App to TypeScript

Presented by: Randall Koutnik
Time: Friday 8:30 AM - 9:30 AM

TypeScript's a powerful tool for understanding complex codebases. Unfortunately, you're working on an app that has many edge cases with a team that may not be on board for such a large migration. Never fear - this is the talk for you! We'll cover where to start a migration project, how to measure...

Room: Aloeswood / LeopardwoodTrack: Web/Front-EndTags: JavascriptFormat: General SessionLevel: Introductory and overview
9:45 AM

Effective React State: 7 Years of Lessons Learned

Presented by: Cory House
Time: Friday 9:45 AM - 10:45 AM

Managing React state is hard. Why? Because there are so many options to consider! Local state, reducers, custom hooks, context, and over a dozen third-party libraries. In this session, we’ll explore the lessons I’ve learned from managing complex state in React over the last seven years. I’ll...

Room: Salon A/HTrack: Web/Front-EndTags: JavascriptFormat: General SessionLevel: Intermediate

Yarn Berry: a next generation package manager

Presented by: Michael Richardson
Time: Friday 9:45 AM - 10:45 AM

The recently released Yarn Berry (aka Yarn 2) brings a host of great new features for JavaScript developers. The slick new CLI, more readable output, clear errors, and significant enhancements to workspaces make Yarn Berry a solid upgrade from the already impressive Yarn 1. But with an incredible...

Room: Portia/WisteriaTrack: Web/Front-EndTags: JavascriptFormat: General SessionLevel: Introductory and overview
11:00 AM

Nope, create-react-app is not what you want, and here's why

Presented by: Sara Gibbons
Time: Friday 11:00 AM - 12:00 PM

So you're looking to start a new site, have decided React is your framework of choice, but before you npx create-react-app, let's talk. Yes, create-react-app is great and will immediately get you so many things. But, once the shininess fades away, your app grows you will soon find yourself pulling...

Room: Aloeswood / LeopardwoodTrack: Web/Front-EndTags: JavascriptFormat: General SessionLevel: Intermediate
12:15 PM

CSS Houdini - Just what CSS needed, more JavaScript

Presented by: John Lange
Time: Friday 12:15 PM - 1:15 PM

Coming soon to a browser near you is a brand new technology that will revolutionize your websites. Finally, JavaScript can be embedded into your CSS! CSS Houdini is new, exciting, lets you do some really cool things, and is going to change everything you know about layout and display in CSS. Like,...

Room: ZambeziTrack: Web/Front-EndTags: Design (UI/UX/CSS), JavascriptFormat: General SessionLevel: Intermediate
4:00 PM

The Case for GraphQL

Presented by: Kyle Schrade
Time: Friday 4:00 PM - 5:00 PM

We will be diving into why someone would want to use GraphQL and what are the benefits of using it. Starting from what is GraphQL and ending with how it can make your stack much more flexible and improve your day-to-day developer experience. We will look at many examples from our work at StockX that...

Room: Aloeswood / LeopardwoodTrack: Web/Front-EndTags: Design (UI/UX/CSS), Javascript, MobileFormat: General SessionLevel: Introductory and overview