August 2023 Summaries

WhatsApp, first released in 2009, quickly became the default setting for instant messaging globally. By 2014, it was so popular that Facebook acquired it. Core features of chat apps like WhatsApp include low latency messaging, channels and private messages, typing indicators, read receipts, emoji reactions, multimedia file sharing, targeted messages, push notifications, phone and video calls, compatibility, onboarding, and security. Challenges when building a chat app like WhatsApp include responding to sudden surges in usage, avoiding downtime and outages, achieving near-instant message delivery, delivering the right messages in the right order, and ensuring scalability, availability, and latency. Architecture considerations for building a chat app like WhatsApp involve choosing programming language, protocol, database, operating system, and virtual machine.

The author discusses their experience with creating a Chrome plugin called "Cursors Everywhere," which allows users to share their cursor positions with everyone else on the website using the same plugin. They started by defining the requirements for this concept and chose JavaScript as the language of choice due to its compatibility with browser details like URLs and active tabs. The author initially faced issues with different screen sizes and resolutions, leading them to modify the approach to use relative positions instead of absolute ones. They also introduced position interpolation and message batching for bandwidth efficiency. To improve cursor position representation, they considered the element under the cursor by using the CSS path of the element. However, they still faced issues with accurate representation due to varying coordinates on different users' screens. The author suggests that websites would need to have unique IDs or data attributes for elements that are important for having an accurate cursor representation and map equivalent elements across different views. Despite falling short of designing a solution to work for accurate canvas representation, the author still had a tool that somewhat worked across web pages. They hope that sharing this experience might help others when it comes to creating their own interactive elements on their websites.

In this tutorial, we will create an admin dashboard with various charts and graphs using Next.js, Tailwind CSS, and Recharts. We'll cover the following topics: 1. Setting up the project 2. Creating a basic layout for the dashboard 3. Adding area chart 4. Adding bar chart 5. Adding pie chart 6. Adding line chart 7. Adding radar chart 8. Wrap-up and next steps By the end of this tutorial, you will have built a functional admin dashboard with various charts and graphs using Next.js, Tailwind CSS, and Recharts.

Emojis have revolutionized video livestreaming by enhancing audience engagement and fostering connections between content creators and viewers. They add an emotional touch to interactions, breaking down barriers and conveying sentiments effectively. This article explores how api.video's livestreaming capabilities can be combined with Ably's features to create a real-time communication experience. By leveraging the api.video React Player module, developers can build engaging livestreams that incorporate emoji engagement. The example provided demonstrates how to use Ably for real-time communication handling and introduces an emoji picker for viewers to share emojis during the stream. Emojis not only boost engagement but also provide valuable data for analyzing viewer reactions, making them a crucial aspect of livestreams in the future.

Elasticity is a significant challenge for transportation and logistics companies providing real-time updates, as these require strategies beyond merely adding servers. Real-time updates are essential during events that produce increased demand, but maintaining elasticity can be difficult due to resource-intensive nature of such updates and users' expectations of data integrity and latency. Companies need to consider scalability, reliability, security, and cost when building real-time update infrastructure. Ably offers a mathematically grounded design for data broadcast solutions that ensure capacity and availability, supporting dynamic, data-driven experiences in transportation and logistics apps.

The Ably Kafka Connector 3.0 has been released, offering enhanced throughput and scalability with Dynamic Channel Configuration and REST support. It is now accredited as a Confluent Cloud Custom Connector, relieving developers from managing low-level connector infrastructure. Improved error handling and troubleshooting are provided through dead letter queue (DLQ) support. The Ably Kafka Connector simplifies the management of Kafka pipelines for millions of web and mobile users, enabling efficient distribution of data from Kafka to internet-connected client devices in a fast, easy, dependable, and secure way.