Talks (9)

• React
• cypress.io🔬
• testing🔬

Should I test that? Does this test even do anything? I really hope no one asks for a test here. Choosing what to test and how to test it in modern web applications can be difficult. Even choosing the right tool can often be a pain in itself. This talk will offer some suggestions for testing your applications and components, and walk you through writing effective maintainable tests. By the end, you will be equipped with enough knowledge to actually enjoy testing your web apps. This session will include: - Deciding what to test and how to test it. - When to use different types of tests (static, unit, integration, e2e). - Tools that are available and the pros and cons of each. Many of the code samples for unit testing and integration testing will be focused on React, but many of the principles can be applied to other component-based frameworks.

• React
• TypeScript

This talk focuses on the different ways to implement a form in React. It starts off with examples of rolling your own form with validation using hooks and moves on to using Formik and Yup to simplify the process.

• React
• TypeScript

• React
• Babel
• Code Mods

• enzyme🔬
• Jest🔬
• React
• snapshot-testing🔬
• TypeScript
• cypress.io🔬

Should I test that? Does this test even do anything? I really hope no one asks for a test here. Choosing what to test and how to test it in React applications can be difficult. Even choosing the right tool can often be a pain in itself. This talk will offer some suggestions for testing your components and applications, and walk you through writing effective maintainable tests. By the end, you will be equipped with enough knowledge to actually enjoy testing your React applications.

• React

This talk focuses on the lifecycle of React Components and different ways to compose them together to share logic. We will go over each of the 9 lifecycle methods, when they are called, and what you can do in each. We will also cover using Hight Order Components (HOC), renderProps, or child functions to extend the functionality of components.

• React
• TypeScript
• React Native

React and React Native have come a long way in making sharing code possible between webapps and mobile apps. We went from needing three different developers to write a feature, to one developer writing a feature twice in the same language. This was a great step forward, but what if it possible to make that a single developer writing a feature only once? This talk will explore building true cross-platform applications using dependency injection and a small set of primitives with shared interfaces across different platforms.

• Service Workers🤖

Progressive Web Apps (PWA) have been the talk of the town for the past year. PWA's give the user an app-like experience through a website offering offline support, fast load, push notification, background sync, and more. Service Workers are what drive most of these features. A Service Worker is a script that your browser runs in the background, separate from a web page. Today Service Workers offer caching, push notifications, and background sync, but in the future they will provide geofencing, periodic sync, and more. These features are great, but implementation can be confusing, and the support is not in every browser yet. This talk will focus on getting you setup to add service workers to your existing or new application, and making a more feature rich experience for your users through Service Workers.

• TypeScript
• React
• Webpack📦
• Jest🔬

React provides the ability to create complex applications relatively easy, however, working in large projects with a dynamically type language, such as JavaScript, can be difficult. Adding a static type checker such as TypeScript or Flow can help alleviate some of the challenges creating and managing large JavaScript applications. This talk will focus on using TypeScript with React applications. It will cover TypeScript pro/cons, writing and typing React components, building with Webpack, and testing with Enzyme and Jest.