Add chat to your React app with TalkJS

Trusted by amazing companies around the world

Things you can build with React and TalkJS

With TalkJS you can save months of work. Developers don't need to code everything from scratch, they can use the pre-built UI and messaging features.

1-on-1 chat

Connect any two users on your React chat app with private direct messaging.

Group chat and chat rooms

Let multiple users engage in group conversations to collaborate. Create a place where dozens of users can have meaningful conversations.

Chat for live streams

Connect thousands of users with chat in virtual events and live streams

Chatbots

Create custom chatbots that fit your use case perfectly.

View all features

Working with React and TalkJS

Most of the TalkJS code will live in the frontend, so it seamlessly integrates with React. Using TalkJS, you can turn any <div> into a full-fledged messaging app and have it up and running in a couple of hours.

TalkJS allows you to ship faster, simplify your stack, and save on development costs. You get the backend and frontend, all you need to add a full-fledged chat into your React app.

TalkJS code snippet

// Synchronize user data and set up
var currentUser = new Talk.User({
    id: 79302,                      // user id
    name: "George Looney",          // full name
    email: "george@looney.net"      // for offline email fallback
});
var session = new Talk.Session({
    appId: "9352938974",            // your TalkJS account id
    me: currentUser                 // make George the active user
});

// All set! Let's turn a div into George Looney's messaging center
var inbox = session.createInbox();
inbox.mount(document.getElementById("chat-container"));

Simple but powerful Javascript SDK + Pre-built chat UI

The chat will seamlessly fit into your existing app as the Javascript SDK comes with a pre-built inbox, chatbox, and popup that you can customize and style easily with TalkJS Themes.

TalkJS is packed with out-of-the-box features. From push, SMS, and email notifications to emoji, message search, typing indicators, file sharing, etc. With support for some advanced features like email & SMS fallback, word blacklists, location sharing, and real-time message translations.

“It was lightweight, simple to implement, cost-effective and has great support.”

Jan Hjørdie

Software developer at Aldrig Alene

“We were able to offload all messaging to TalkJS – simplifying our own development of an otherwise complex stack.”

Deryk Wenaus

CTO at Retreat Guru

Styling the chat UI with TalkJS and React

Big part of work with any React chat app is building a great UI for real-time messaging. There’s cross-browser quirks to mind, little details, realtime view updates: it gets messy pretty fast. This is why TalkJS includes a pre-built UI that you can embed into your site or app.

To customize the chat UI you can use TalkJS themes, a CSS file with a limited set of properties, which allow you to tune the look and feel of the UI. Think fonts, borders, colors, and so on. The core chat UI layout still stays the same, but you can make it fit your React app design seamlessly.