|
By Nate Eagle
This is the last in a series of posts on adding an in-game chat room with React. In the first, we added a chat room to a game of tic-tac-toe. In the second, we used Presence to add a typing indicator. And in the third we used Presence to show whether or not an opponent has left the game. Now, let's look at how to add the last feature - reaction emojis on our opponent's messages.
|
By Nate Eagle
This is the third in a series of posts on adding an in-game chat room with React. In the first post, we added a chat room to a game of tic-tac-toe. In the second, we used Presence to add typing indicators that show us when the other person in the chat is typing. With all of that in place, this post will build on our chat app even further.
|
By Vera Agiang
Live chats have revolutionized customer support, offering seamless and instant communication between businesses and their customers. When building a live chat, there are two main components on the client side: a chat button and a chat window. The chat button is a clickable icon on your website to prompt visitors to start a conversation. The chat window is the interface where the actual conversation occurs.
|
By Thomas Camp
With collaboration tools out there always pushing the frontier of responsive design in applications, such as Miro in the design space, it’s important to ensure that your own applications are providing the functionality developers are now expecting. A fairly typical tool used by all, be it employees of a business attempting to organize a schedule, or individuals organizing their own social lives, are schedulers.
|
By Chloe Dormand
As we kick off 2024, it’s time to look ahead. And while yes, it brings the Paris Olympics, the release of highly anticipated VR devices, and a potential new Nintendo console – that’s not all. It also marks React’s second decade and another year of innovation for the popular framework! But what does 2024 hold for React? And what are developers excited about? We spoke to our network and scoured communities to find out – here’s what they said.
|
By Beth Loft
If you’re looking to build an app with realtime data APIs but don’t know which data source to use, you may find yourself struggling to get started due to the sheer amount of options available to you. In this blog, we’ll dig into some of our favorite free examples to choose from (it’s worth a quick note to remind you to check their usage license and free tier allowance). Below are data sources split into transport, weather, and currency sources.
|
By Nate Eagle
In a previous article, I took you through how to add a chat room to a simple game of tic-tac-toe. This post is the second in the series, in which we will look at how to build out the functionality of that chat room with additional features. Across the series, we’ll look at how to manage presence and how to enable emoji reactions – in this post, the focus is on typing indicators. Follow on to find out how to display an indicator when the other person is typing.
|
By Devin Rader
One of the most common UI elements in software is the tried and true data grid. The idea of organizing data into rows and columns dates back thousands of years. Though human creativity has given us many more ways of displaying data, the humble grid remains a powerful tool in the software developers toolbelt. Today, however, working with any data, including data in grids, often benefits from collaboration capabilities that allow multiple users to work together on the same data.
|
By Alex Booker
When WebSockets were first announced in 2011, they had some teething problems. As a result of these teething problems, only the most daring and experimental developers would rely solely on WebSockets for realtime communication. For most of us, it became a necessity to implement a fallback protocol in case the WebSocket connection can’t be established.
|
By Tooba Jamal
The State of Developer Ecosystem 2022 report revealed that 65% of developers are using JavaScript, making it the most popular language. JavaScript also claims the spot of most popular primary language with 34%. Of all the JavaScript developers 80% use at least one JavaScript framework. Though there are thousands of JavaScript frameworks available, only a small subset of them is being used by developers.
|
By Ably
Tom Camp, DevRel Engineer at Ably takes you through a tutorial of adding live cursors to your application using Ably's latest product, Spaces.
|
By Ably
Tom Camp, DevRel Engineer at Ably takes you through a tutorial of adding live cursors to your application using Ably's latest product, Spaces.
|
By Ably
React Server Components (RSCs) seem to be everywhere lately, but what problem do they really solve? In this video, Alex Booker from Ably (@CodeCast) explores RSCs from scratch, revealing the motivation and benefits behind them. You might be surprised to learn - they're not merely a React feature, but a fundamentally new model for building full-stack React applications with meta frameworks like Next 13.4 by Vercel.
|
By Ably
Their platform is used by companies like Deutsche Bahn to host virtual and hybrid events, from webinars to conferences with tens of thousands of online concurrent participants.. In this interview, Erik Gullestad, co-founder and CTO of InvitePeople talks about his experience building an event management platform and about InvitePeople’s success with Ably.
|
By Ably
Tom Camp, DevRel Engineer at Ably takes you through a tutorial of adding an avatar stack to your application using Ably's latest product, Spaces. An avatar stack is a visual representation of a user’s presence - showing them as online and connected. They are the most common way of showing the online status of members in an application by displaying an avatar for each member. Events are emitted whenever a member enters or leaves a space, or updates their profile data.
|
By Ably
In this WebSocket tutorial, Alex Booker from Ably (@CodeCast) teaches you how to implement realtime updates in your React applications. Here, we use React on the frontend and Node on the back to build a live cursors feature from scratch, but the fundamental WebSocket lessons can be applied to any manner of realtime application. WebSockets are a bidirectional full-duplex communication protocol used to enable realtime updates such as chat, multiplayer collaboration, notifications, and other live updates in your React applications.
|
By Ably
Learn how to use Ably Presence to understand when your application users are online and allow them to share their current status.
|
By Ably
What do Microsoft Word and Adobe have in common? Both had their established market spaces completely disrupted by new entrants that brought realtime collaboration to the user experience. Whilst the barrier to entry for adding features akin to Figma, Google Docs, and Miro had been high, it is now possible to build new collaborative applications, or even simply add collaborative features to existing applications - without building the realtime infrastructure.
|
By Ably
Learn more about Ably's newest Product, Spaces. Spaces makes it easier to build collaboration features such as Avatar Stacks, Shared Cursors, Component Locking, and more. This video is the first in a series of exploring getting started with each of the Spaces features, subscribe to see when the next videos are released.
|
By Ably
When Figma arrived with multiplayer editing back in 2016, it wasn't at all obvious it would be successful - in fact, designers kind of hated the idea of "hovering art directors". Fast forward to 2023, and designers can't imagine another way.
|
By Ably
Take a view into the universe of realtime transport APIs in 2019. How do they stack up against realtime expectations? The report looks at ten cities across the globe, scoring and ranking them on ten indicators of maturity. Learn what the pioneers are doing, what those just starting on their Realtime API journeys can do better, and find actionable recommendations for your own Realtime API program.
|
By Ably
Online gamers have the most demanding realtime expectations. Mobile gaming now the largest sector of app store purchases, accounting for 42% of a $109 billion marketplace. It's vital that game developers offer a level of mobile performance that delivers an optimum realtime experience for every user. This white paper highlights some of the UX issues that can undermine your company's ability to do this effectively.
|
By Ably
I watch sports for a living. I couldn't tell you the last time I watched a baseball game from beginning to end. Data is one of the most valuable resources around. But data is no longer something that languishes in a database to be looked at later. Like sports events, data is now live. The sports industry can reap and build on innovations in the realtime data space. But this is no long a nice-to-have. Driven by changing fan behaviour this is now a commercial imperative.
|
By Ably
Sports and gaming app users demand an uninterrupted, true realtime experience. Almost 90% of US adults now use a mobile device while watching sports. In competitive arenas with similar offerings, like betting or sports, then you absolutely cannot afford to deliver poor mobile experiences. Customer experience is the new competitive battleground and realtime mobile experiences are an essential part of that.
- February 2024 (2)
- January 2024 (7)
- December 2023 (4)
- November 2023 (14)
- October 2023 (12)
- September 2023 (9)
- August 2023 (8)
- July 2023 (14)
- June 2023 (10)
- May 2023 (5)
- April 2023 (3)
- March 2023 (4)
- February 2023 (5)
- January 2023 (7)
- December 2022 (1)
- November 2022 (3)
- October 2022 (4)
- September 2022 (7)
- August 2022 (6)
- July 2022 (2)
- June 2022 (7)
- May 2022 (8)
- April 2022 (6)
- March 2022 (8)
- February 2022 (4)
- January 2022 (7)
- December 2021 (5)
- November 2021 (6)
- October 2021 (6)
- September 2021 (3)
- August 2021 (5)
- July 2021 (3)
- June 2021 (8)
- May 2021 (5)
- April 2021 (6)
- March 2021 (3)
- February 2021 (2)
- January 2021 (1)
- December 2020 (2)
- November 2020 (1)
- August 2020 (1)
- July 2020 (2)
- February 2020 (1)
- January 2020 (2)
- June 2019 (1)
- April 2019 (1)
- March 2019 (1)
- December 2018 (1)
- October 2018 (4)
Ably is a pub/sub messaging platform with a suite of integrated services to deliver complete realtime functionality directly to end-users. Every day we guarantee low latency delivery of billions of messages to more than 50 million devices over a secure, reliable, and highly available global edge network.
Build, deliver and scale any realtime application without managing global infrastructure.
- Build your realtime applications with our simple yet powerful SDKs and APIs for cross-platform, multi-protocol pub/sub messaging with device presence and stream history.
- Deliver to your end-users no matter where they are with ordering and delivery guarantees over our global edge network.
- Scale with confidence from day one with our fault tolerant, high-elastic infrastructure and 99.999% uptime SLAs.
- Extend your realtime capabilities beyond simple pub/sub with our additional features and rich library of third-party integrations for services like AWS Kinesis.
Build realtime features you can trust to deliver at scale.