Sessions

Framework Summit's Amazing Speaker Lineup

The industry thought leaders you want to hear from.

The Secret Sauce of State Management

NgRx provides Angular developers a framework for managing streams of data in a reactive way. Actions provide an expressive way to manage state and trigger state changes, along with immutability enforced by reducers as pure functions, but that’s only the beginning. The real power of state management comes in two ways: selectors and side effects. Selectors provide simple, compose-able ways to get and derive data, while side effects isolate business logic. This talk shows you have to take more advantage of these reactive streams in your Angular application to retrieve data and perform tasks.

Brandon Roberts
A Render Prop by Any Other Name

"Can Vue use Render Props? Does React have a concept like Directives? Can Angular go Renderless the way the young ’uns do? All my developer friends in that other framework keep using words I don’t understand. Help! Join Kent C. Dodds, Isaac Mann and Divya Sasidharan as they demonstrate UI component patterns that are common across React, Angular and Vue. Consider this your language primer before a trip to a foreign framework land. You’ll see that we’re all talking about the same concepts, even when we use different words."

Isaac Mann
Divya Sasidharan
Kent C Dodds
Angular Goes Further With Friends

A lot of developers start thinking about Angular for the desktop web, but there are a lot of tools and standards like Angular Elements, Cordova, NativeScript, Electron, and more that can help developers take their existing code further. I'll cover some of the options and some of the way the Angular team thinks about these tools, and then I'll live code up a simple app that bridges many of these boundaries.

Stephen Fluin
Animations, a tale of three frameworks

Animations are getting more and more engaging and spectacular on the web. The reason why they have become an invaluable tool in the web developers toolchest is that they give multiple advantages. The benefits are that they look both amazing while at the same time they can increase perceived performance. We will see how animations can benefit UX by increasing perceived performance by following a few basic guidelines(without overdoing it), and how the three titans of modern front web development are able to facilitate your journey away from uninteresting websites and give them that extra mile of fun.

Simona Cotin
Better living through components

Consider a team whose members are technical but not experienced in React. The team shares a lot of API resources, but individuals are responsible for building React apps on their own. What could you build to support such a team? How about components? …components to fetch data, component(s) to manage query string parameters, and even button components that `POST` data payloads provided as props! This is a “lessons learned” talk: we’ll dive into all the nitty gritty details of using components for more than just DOM rendering to enable fast, beginner-friendly, and low-boilerplate app building.

Jana Beck
Emulating Space Invaders in React

Have you ever wondered how you can play old school games in the browser? I wrote an 8-bit emulator in React. You can use that to load up Space Invaders, Pong and other really old games and play them on the web. Writing an emulator is really fun and provides a great deep dive into how the CPU works. A chip-8 emulator is a great way to get started with and explains nicely how emulators and CPUs work.

Jamis Charles
Everyday AI

There are many exciting things happening with AI, from which, until recently, JavaScript developers were largely shut out. But things are changing, if you can do `npm install @tensorflow/tfjs` or make an API call, you can now do AI. In this fast-paced talk, I'll open your mind to what's possible by demoing several AI-powered JavaScript apps and show you how I built them using either TensorFlow.js or easy to use AI-powered APIs. You don't need a PhD in Maths, you don't need years of experience, you just need imagination and the willingness to try.

Asim Hussain
How to stay sane while managing complex state, in Vue.js

Like many other front end frameworks, Vue gives us multiple different ways to manage data between components (props, custom events, Vuex, etc.). With this talk; we’ll introduce all the different ways we can manage information within a Vue application and the benefits/drawbacks to each approach.

Hassan Dj
Many frameworks - one PWA solution

As the outcome, you’ll be ready to make a production-ready PWA from the app built using any framework.

Maxim Salnikov
Navigating the React Solar System

React just exploded in popularity. But it’s only a UI library, not a full-fledged framework like Angular, Ember or [insert latest JS framework]. We need to create our own “framework” by picking from the plethora of libraries in the React solar system. But which ones should we choose? Or better yet, which ones do we actually need? Do we need a Flux implementation? What about handling ES6+, bundling and routing? How does it all come together?!1?! Let’s walk through the tools and helper libraries that surround React. You’ll get the most out of the session with familiarity with React and its concepts, but you don’t need to be an expert. By the end of the session, you’ll have a solid understanding of the ecosystem, know which libraries you should prioritize learning first, and confidently build your own React-based stack.

Ben Ilegbodu
React Yonder

In this talk we’ll dive into the current state of React’s evolution. Are you wondering exactly what this new “suspense” thing is all about? How about the new “ref” API? Or what is this new “StrictMode” thing? This talk aims to get you updated on the latest & greatest advancements happening in React along with a few glimpses into the things not quite here yet. If you spend your time writing React this talk is for you.

Merrick Christensen
The Reasons for Reason

Description: Though it's not a framework, Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems. In this talk Tyler will be your guide through the Reason landscape as he discusses some of the reasons for Reason.

Tyler McGinnis
What every front-end developer should know about change detection

Do you know what the main distinctive feature in modern frameworks is? It’s the way a framework handles synchronization between a component state and the DOM. This mechanism is known as change detection and is usually a determining factor in application’s performance. In this talk, I want to shed some light on the differences between the change detection implementation in front-end frameworks. If you’re in the process of choosing a framework, this knowledge can help you make a decision. If you’re already using a framework, you will know if optimization patterns from other frameworks can be applied to your application. And if this talk inspires you to write your own framework, the information I’ll present here will give you a significant head start.

Maksym Koretskyi
Your Stimulus(JS) Package (with Sprinkles)

Do you ever wish there were a framework for simpler apps or a quick way to insert "JavaScript sprinkles" throughout your web application? Maybe you don't want or need a Single Page App. Stimulus is a simple solution for adding targeted JavaScript based functionality into your application. If you're looking for something that you can use in small ways like you would with JQuery but in a cohesive framework that allows interactions to tie together neatly, then Stimulus is definitely worth looking at. Let's walk through setting up a simple application with Stimulus and see how things come together with JavaScript where you need it.

Charles Max Wood