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
Coding with Elm

When we try a new technology and like it, usually the main emotion we feel is excitement. We're so full of optimism and joy! We think about all the potential benefits the new tech could bring us, and aren't yet fully aware of the costs. As we use the tech more, our reactions settle down. We start to feel other emotions about our choice - some positive, some negative. I've been using Elm for 4 years now, most of them full-time at work. I'm well past the honeymoon stage. What I've come to realize is that writing Elm gives me an emotion I've never consistently felt in my 20 years as a programmer: *calm.* After 4 years, I've grown so accustomed to Elm's compiler catching my mistakes, to installing packages and having them work on the first try, to making large refactors that don't produce regressions...I've finally been able to let go of many concerns I used to spend a ton of mental cycles worrying about. This is not a talk about dazzling demos or hype-driven development. It's about what makes Elm the least stressful programming language I've ever used.

Richard Feldman
Deployment options for Angular, React and Vue

You’ve built your web app out using Angular, React or Vue…now what? How should you deploy this app? For this talk I would go into the different options for deploying your app by walking through different command line options like Zeit, Firebase, and Azure. Then walkthrough some of the deployment manager options like using Google Cloud Deployment Manager and using Kubernetes on IBM Cloud. I can’t tell you which setup is best for you but we can step through a handful and let you know some of your options.

Tara Manicsic
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
Imposter Syndrome Survivor: 5 lessons that changed my career

For the first 15 years of my professional career I suffered from a condition called “Imposter Syndrome” which lead to missed opportunities and stunted professional growth. I was scared to mess up and embarrassed of what people might think if they found out that I sometimes (ok...frequently) made mistakes. Fortunately, after working on a team of top notch developers for the past 4 years, I can say that I am an imposter syndrome survivor! In this talk I will share with you 5 important career lessons that have helped me take more risks, face my fears and push myself further than I thought I could go.

Shari Queeney
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
State of Enjoyment

When was the last time you had fun working with state? For many, the answer is probably never, because state management in JavaScript is an endless game of compromises. You can choose to go fully immutable and write reams of boilerplate de-structuring and then re-structuring your data. You can go mutable and deal with the consequences of long, fragile sequences of chained observers. Or you can just go roll your own and somehow deal with keeping things consistent across your application. Unlike the view layer, where most frameworks agree on some variation of the component, none of the current crop of state management tools have settled on anything resembling a similar consensus. Components have a tiny API. They are functional, yet easy to reason about, and they give you a high degree of productivity for little knowledge. And while they are conceptually simple, that simplicity hides an underlying architecture geared for performance. These factors are what make components so easy to work with and ultimately so fun to write. So why doesn’t a similar API exist for state? Why shouldn’t working with state be as easy and intuitive as working with components? We’ll be talking about this very reasonable question, and the vision for what the “component of state management” would look like.

Charles Lowell
Visualizations using SVG, Canvas, and WebGL in Vue

It might not be obvious how to use Vue's reactive data with non-HTML web technologies, but it's easier than you might imagine. See how it's done, learn the tradeoffs of each technology, and gain tips to optimize performance. You'll be building stunning visualizations to impress clients and colleagues in less time than you think!

Chris Fritz
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