As a developer, it's natural to want your code to be as efficient as possible. But what defines efficiency? The answer varies depending on who you ask. For those bootstrapping a new web app, minimizing friction on the path to your launch is often the primary goal. Achieving this requires a web stack that maximizes your developer experience. In this session, we’ll explore the real world journey of balancing developer productivity with the challenges involved when building a modern web app.

Rough.js is an awesome open-source library for creating vector graphics with a hand-drawn feel. In this talk, we’ll look at how I extended Rough.js to support animations for a personal project. First, we’ll take a tour of the Rough.js ecosystem and look at how the React bindings work. We’ll see how you can render fonts with Rough.js as well. Then we’ll examine how SVG line animations work, methods for creating staggered animations with JavaScript and CSS, and how to orchestrate larger groups of animated elements. We’ll also discuss strategies for forking open-source libraries and consuming them in your own project.

As a developer, it's natural to want your code to be as efficient as possible. But what defines efficiency? The answer varies depending on who you ask. For those bootstrapping a new web app, minimizing friction on the path to your launch is often the primary goal. Achieving this requires a web stack that maximizes your developer experience. In this session, we’ll explore the real world journey of balancing developer productivity with the challenges involved when building a modern web app.

Rough.js is an awesome open-source library for creating vector graphics with a hand-drawn feel. In this talk, we’ll look at how I extended Rough.js to support animations for a personal project. First, we’ll take a tour of the Rough.js ecosystem and look at how the React bindings work. We’ll see how you can render fonts with Rough.js as well. Then we’ll examine how SVG line animations work, methods for creating staggered animations with JavaScript and CSS, and how to orchestrate larger groups of animated elements. We’ll also discuss strategies for forking open-source libraries and consuming them in your own project.