Systems | Development | Analytics | API | Testing

How to add realtime notifications to your React app

In today’s digital landscape, where websites deal with realtime data flows, keeping users informed of updates by sending alerts is critical to the user experience. One way of achieving this is in-app notifications. In-app notifications are messages or alerts that appear within a website while it's being accessed in a web browser.

What Is an ESB and Its Alternatives?

An ESB (Enterprise Service Bus) allows you to integrate the disparate applications and services that run your organization. In this article, we take a closer look at what an ESB is and what alternatives exist. By connecting all these components through an ESB, you eliminate the labor-intensive task of custom-coding messy, point-to-point integrations. In this way, an ESB provides a safe, fast, and reliable backbone to your IT infrastructure.

The ultimate guide to React notification libraries

React notification libraries lay the groundwork for most notification systems in React based web applications - streamlining the process for developers to construct and display alerts effectively. There are a number of different React notification libraries available, each with its own unique features. In this article, we'll discuss some of the most popular options, and help you to choose the right one for your needs.

Watch: How to build a collaborative environment around your product

What do Microsoft Word and Adobe have in common? Both had 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 that powers them.

Collaboration is futile without these UX best-practices

More aspects of our work and life are online than ever before, and the trend towards remote work and increasingly remote teams is set to continue. Whilst we enjoy the freedom and flexibility that remote work provides, remote teams also face a significant challenge: establishing (and desiring) a sense of connection despite the physical distance between individuals.

How to build a collaborative environment around your product

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.

Choosing the right WebSocket library for React projects

As users now expect applications to provide instant updates, live chats, and dynamic content, modern web development requires the ability to deliver realtime experiences and communication between users and servers. WebSocket is a communication protocol that allows full-duplex two-way communication between a client and a server over a single TCP connection. The connection persists unless it is explicitly told to disconnect or in case of network or server failure.

React Hooks now part of Ably's JavaScript SDK

React is one of the most popular JavaScript libraries in the world, and is known for its performance, scalability, and flexibility. Whether it’s single-page apps, high fidelity frontends, or even in some cases static sites, there's a high chance React is being used to build them. Today, we are pleased to announce that we have now baked in support for React Hooks within our Ably JavaScript SDK.