Sarah Drasner

Commenting code is a more nuanced thing than we give it credit for.

Commenting code is a more nuanced thing than we give it credit for.

There are a couple of schools of thought on this. One states that if you feel a comment is necessary, you should rewrite it to be more legible. This is true. But it's also not true. In the process of writing a comment, you can often find things that could be written better, but it's not an either/or, for the following reason: Code can describe how, but it cannot explain why.

There is just not one right way or one reason to write a comment.In this session, we'll dig into some of the many beneficial types of comments that might all serve a different purpose, followed by patterns we might want to avoid. In the process we'll talk about being good teammates, collaborating, and writing the most legible code we can.

2020

JSConf Hawaiʻi

The Art of Code Comments

We talk a lot about how to animate on the web, and what’s possible in browsers today, but where is animation heading? 

We talk a lot about how to animate on the web, and what’s possible in browsers today, but where is animation heading? 

In this talk, we’ll start with some bleeding edge techniques such as native-like page transitions with nuxt, but then we’ll push it further. 

The intersection of health and animation with biofeedback sensors and Vue, the future of 3d in the browser complete with interviews with people who are writing these specs… this talk will show that in terms of animation on the web, we’re just getting started.

2019

Full Stack Fest

The Future of Web Animation

An update on the evolving tools, potential, ecosystem, and community associated with the JAMstack.

2019 London

JAMstack Conf

The State of the JAMstack Nation

DinosaurJS

We talk a lot about how to animate on the web today, but where is animation heading?  See bleeding edge techniques such as native-like page transitions, AR, and VR.

We talk a lot about how to animate on the web, and what's possible in browsers today, but where is animation heading? 

In this talk, we'll start with some bleeding edge techniques such as native-like page transitions with client side rendering, but then we'll push it further. 

The intersection of health and animation with biofeedback sensors, the future of 3d in the browser complete with interviews with people who are writing these specs... this talk will show that in terms of animation on the web, we're just getting started.

JSHeroes

As superfluous as something like animation may initially seem, you can tell a lot about framework by the way that it handles the concept of time. Idiosyncrasies and race conditions in rendering reveal themselves, pauses in DOM and virtual DOM diffing can be exposed.

This is one of the ways Vue shows itself to be uniquely capable and elegant as a framework. In her talk Sarah covered the use of the transition component and some of its offerings to create fluid effects in the browser. Then she discussed watchers and transitioning state and finished up by talking about lifecycle methods, asynchronous updates, and pushing our animations to the next level.

2017

ReactiveConf

Animating Vue

We are biologically trained to notice motion: evolutionarily speaking, our survival depends on it. For this reason, animation when done well can guide your users. It can aid and reinforce spatial maps of our interfaces, and give us a sense that we understand interactions more deeply. For this reason, animation is incredibly powerful to convey meaning, but only when done well.
But animating the virtual DOM comes with some intricacies that affect our implementations. In this talk, we’ll go over animating in React with a variety of methods, comparing and contrasting each. We’ll cover add-ons like ReactCSSTransitionGroup, using external libraries like GSAP, React-Motion, motion using RxJS, and transitioning state with D3. We’ll look inside some real systems, breaking down how we can create reusable components of animation principles for interchangeable yet cohesive patterns.