How to animate multiplayer cursors

#364 – July 11, 2022


Would your React app work best with a rich-text editor or a text area where users can input information? This post can help you decide and learn how to implement the best choice.

this week's favorite

Multiplayer cursors are becoming an increasingly common sight across all sorts of collaborative tools, but have you ever wondered how they’re animated? Animating real-time cursors is more complex than it first may seem, thanks to network and connection limitations. Here’s a quick overview of a few different methods, with some React snippets to get you started. Let’s dive in!

We are always excited about the new shiny things that come out every week in the programming world, from new ways to structure components to new techniques to reduce those two lines of code.

Children are not children, parents are not parents, memoization doesn’t work as it should, life is meaningless, re-renders control our life and nothing can stop them.

When developing Web applications, sometimes we have to prompt a confirmation dialog to user before performing an action (e.g. delete user). It’s inefficient to create multiple dialogs and it’s hard to maintain a bunch of duplicate logics across components. Let’s create our own useConfirm hook from scratch.

The folks at Apollo have been working with GraphQL since 2016, back when they were still Meteor Software. Versatility has always been at the core of Apollo, when they released their GraphQL-based datastack in 2016 its calling card was ‘any backend, any language, any client’. The idea was clear, to have one tool for building a GraphQL client and server which can then be used to either build a new app from scratch or fit into an existing project, so that it can take full advantage of the perks of GraphQL.