React Digest #364: How to animate multiplayer cursors
#364 — July 11, 2022 | View in browser |
React Digest
Spread the word, build the community, share the knowledge with your friends.
sponsor
React Editor or Text Area—How To Choose?
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
How to animate multiplayer cursors
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!
How to refactor large React components
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.
The mystery of React Element, children, parents and re-renders
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.
useConfirm — A custom React hook to prompt confirmation before action
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.
Apollo Supergraph: A GraphQL stack for everything
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.
how did you like this issue?
1 = didn't like it at all and 5 = loved it and shared it with everyone I know
newsletters
Older messages
React Digest #363: My Wonderful HTML Email Workflow, using MJML and MDX for responsive emails
Sunday, July 3, 2022
And more news, tutorials and articles about React in this week's issue. #363 — July 04, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your friends
React Digest #362: How We Built Hydrogen: A React Framework for Building Custom Storefronts
Sunday, June 26, 2022
And more news, tutorials and articles about React in this week's issue. #362 — June 27, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your friends
React Digest #361: Notes on maintaining an internal React component library
Sunday, June 19, 2022
And more news, tutorials and articles about React in this week's issue. #361 — June 20, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your friends
React Digest #360: Why, Oh Why Was This Added?
Sunday, June 12, 2022
And more news, tutorials and articles about React in this week's issue. #360 — June 13, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your friends
React Digest #359: Why most design systems implode
Sunday, June 5, 2022
And more news, tutorials and articles about React in this week's issue. #359 — June 06, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your friends
You Might Also Like
Save your seat: 1Password’s 2024 Security report insights webinar
Wednesday, April 24, 2024
Join us April 25th. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
Top Tech Deals 📱 LG Flex TV, Google Pixel 7, DJI Mini 3, and More
Wednesday, April 24, 2024
Get yourself a discounted DJI drone, save on the Pixel 7, or score some PC and phone accessories. How-To Geek Logo April 24, 2024 Top Tech Deals: LG Flex TV, Google Pixel 7, DJI Mini 3, and More Find
The Protest Song Wakes Up 🎙️
Wednesday, April 24, 2024
Is this song the future of musical protest? Here's a version for your browser. Hunting for the end of the long tail • April 24, 2024 The Protest Song Wakes Up A buzzy protest song about the
JSK Weekly - 24th April, 2024
Wednesday, April 24, 2024
React 19 has introduced many great functionalities and features, among which the useOptimistic hook stands out. The useOptimistic hook offers a seamless way to manage UI states during asynchronous
The clock’s ticking for TikTok
Wednesday, April 24, 2024
The US Senate has passed a bill that would ban TikTok if its US business is not divested by Bytedance View this email online in your browser By Alex Wilhelm Wednesday, April 24, 2024 Good morning, and
How to block Windows 11 Start menu ads
Wednesday, April 24, 2024
Oura Ring hits Target; 7 iPad Pro features we need; AI hallucinations aren't all bad -- ZDNET ZDNET Tech Today - US April 24, 2024 placeholder Microsoft is now showing ads in Windows 11's Start
The Chilling of TikTok
Wednesday, April 24, 2024
Ban or not, this is the end of TikTok as we know it The Chilling of TikTok By MG Siegler • 24 Apr 2024 View in browser View in browser The tok is tiking... Later today, President Biden will sign a bill
GenAI is transforming materials design
Wednesday, April 24, 2024
⚙️ Meta Smart Glasses
Wednesday, April 24, 2024
Plus: $3B valuation for AI startup
Endpoint Security Tips Curated by Experts - Get This Guide Now
Wednesday, April 24, 2024
Endpoint Security Tips Curated by Experts Hey there, It's no secret that endpoints are prime targets for hackers—so how can you defend them better? Well, we have some suggestions for where you can