Vivaldi: A Universal JS Router Library for React

Post by Pete Watson-Wailes

react, web dev

One of the problems faced when developing more complex universal applications is how to manage routing requests to UI output. React Router does this by taking in a URI and returning a React component structure. And it's excellent at doing that, but doing so means there's only the front end…

[ES5 & ES6] Debounce React Events on Inputs

Post by Pete Watson-Wailes

react, web dev

In my day to day, I deal with a lot of React code. One of the most common components I use across the codebase I maintain is a table with search and sorting options. The sorting runs onClick immediately, but the tables (generated from JSON) can often run into 10k+…

Aim for 0.1x Growth

Post by Pete Watson-Wailes

react, web dev

In development circles, there's the concept of the "10x engineer". That is to say, the best of the best, who by virtue of their excellence are 10x more productive than average. The problem is, productiveness doesn't scale. Complexity adds inertia, and inertia is logarithmic in scale, not linear. A company…

React Dynamic Components: Building & Rendering

Post by Pete Watson-Wailes

react, web dev

If you just want a quick answer on how you do this, here it is: renderElement(key, props) { var components = { 'componentA': componentA, 'componentB': componentB, 'componentC': componentC } return React.createElement(components[key], componentProps) } If you want more information on how to use this more broadly and an example live implementation, read…

Marketing Influenced Application Development

Post by Pete Watson-Wailes

marketing, web dev, react

I've spent most of my professional life doing three different things: Marketing UX design Full stack development As a result, I've got a reasonably unique perspective. So I thought, in that vein, I'd talk for a minute or two about modern application design, and why it matters to designers and…