Brian Holt

The future is now. Or then. Or it will be soon be now, but now is then.

JavaScript and its ecosystem is ever evolving and JS fatigue can be real. It’s a lot to keep up with. Staying up to date on the ever moving system feels like a fool’s errand and to some degree it can be.

But in this talk we’re going to chat about a few things:

– what’s new and important now with ES2018, ES2019 and beyond
– what’s new and important in the JavaScript ecosystem and tooling
– how to sanely integrate new features, tools, and such into your existing codebase today.
– how to get the most of using VSCode with futurist code

Come chat about the future and how to touch it today.

2019

ReactiveConf

Futurist Code Bases: Integrating JS of the Future Today

React is a great tool. But what really matters are the people that use our apps and the ways we can enrich their lives. React is also a large community that we need to fight to keep it welcoming, diverse, and inclusive.

Hooks. Sagas. Synergy. Buzzword. Trend. Fad.

We love to be in the now. We all want to thought leader on the Twitters. However we’re building apps for humans, not bringing humans to our code. Your neighbor doesn’t care of your TypeScript generics nor your observable operators. They care if your app works, is responsive to input, and is intuitively designed.

We will build a monument to engineering folly, a tower of 6to5. We’ll explore engineering excellence that leads to UX failures. You’ll see that you must first remember the human and then shape your implementation to them, the users.

Slides: https://speakerdeck.com/btholt/human-react

React Rally

Human React

Your app is bigger and slower than it needs to be. Without rewriting app code we can squeeze more performance out of your code by tweaking Webpack and Babel. These tools are immensely powerful but it’s a delicate dance to get them to play nice. This talk is full of tips and tricks to get you there.

2018

10KB or Bust: The Delicate Power of Webpack and Babel

Chaos Monkey, but for your web app. Come learn how intentional failure injection is not only good for the back end but also for the front end. Hint: it means you’ll get paged less at 3AM, and I think we’re all happy about that.

Chaos Monkeys in Your Browser  What Chaos Engineering Means For the Front End

Learn how to make Webpack + Babel work for your users: smaller bundles, faster parse times, browser-engine opts and de-opts, and faster perceived load times.

Your app is bigger and slower than it needs to be. Without rewriting app code we can squeeze more performance out of your code by tweaking Webpack and Babel. These tools are immensely powerful but it’s a delicate dance to get them to play nice. 

This talk is full of tips and tricks to get you there. After three years of tooling around with Webpack and Babel at Netflix, LinkedIn, and Reddit Brian got some battle-won knowledge that he’d like to share with you all. Some non-intuitive tricks that lead to smaller bundles, faster parse times, browser-engine opts and de-opts, and faster perceived load times. 

While these examples will use react to make examples this apply to any application that uses these two phenomenal tools. You’ll be surprised at what you can do just turning a few knobs.

Reactathon

10k or Bust: The Delicate Power of Webpack and Babel

Many of us have the issue where we have to pass props to children again and again because we have data that a parent has and a deeply nested child needs. It's a difficulty that comes with React and no one has quite solved it yet. At Netflix, we believe we have a good solution for it that is explicit, performant, and terse without sacrificing clarity.

The name of the soon-to-be open sourced library is Falcor and it takes care not only of your data tunneling issue but also caching, cache invalidation, and even simple AJAX operations. Let's chat about how we can push React data to the next level.