Trusted by
Leading Brands

Why Choose MirrorFly React Chat SDK?

MirrorFly has been in the SDK game for a quite long period and our experts know what exactly you'll need for your users.

100% Customizable SDKs

Low-code Strategy

Add-on tools like “npmbuilds” and “Cocoapods” to reduce your code in both Android and iOS apps.

Whitelabel Solution

99.999% Uptime SLA

Deliver an incredibly high level of reliability in communication across your web app.

One-time License Cost

End-to-End Encryption

Protect the conversations on your React chat app with robust encryption protocols like AES-128 & SSL.

Hire Dedicated Team

24/7 Ticket Support

Stuck with integration? Avail our 24/7 support from our team of experts & get your queries resolved.

MirrorFly React Lite Chat App

MirrorFly has been in the SDK game for a quite long period and our experts know what exactly you'll need for your users.

React Documentation GitHub

Powerful Features To Build Your React Chat App

We mean it when we say complete integration: our developer will cover installation and maintenance, end to end.

  • Seamless Integration

    Integrate our ready-to-use React SDKs within just 10 Mins and start delivering communication experiences on your website.

  • Feature-Rich Messaging

    Get access to a wide range of messaging features, from real-time chat and multimedia sharing to read receipts and typing indicators.

  • Crystal-clear Calls

    Delight your users with the most amazing calling experiences with high-quality video and voice calls.

  • Scalability

    Make millions of conversations happen on your website. Flexibly expand your features, as your audience base grows.

  • Complete documentation

    Get complete access to our premium docs to assist you with source codes, tutorial videos, quick access and more.

  • Multi-platform Deployment

    Made with multi-platform support in native app performance structure. Deploy in your preferred web and mobile apps.

Web Chat Features Your Users Will Love

Create dynamic conversations on your website with real-time chat, video & voice calls.

Messaging SDKs
  • Private 1-to-1 chat
  • Group Chat
  • Typing Indicators
  • Delivery Receipts
  • Read Receipts
  • Presence
  • Push Notifications
  • Offline Messaging
Calling SDKs
  • Audio Calls
  • Group Audio Calls
  • Video Calls
  • Dual Screen Sharing
  • Group Video Calls
  • Active Speaker Detection
  • Invite Participants
  • Video & Audio Controls
Security & Compliances
  • End-to-End Encryption
  • AES-128
  • SSL
  • GDPR
  • HIPAA
  • OWASP
  • Chat Moderation
  • Data Integrity
Analytics & Dashboard
  • Chat count
  • User count
  • Call info
  • Team info
  • Role management
  • Moderation Controls
  • Centralized report
  • Performance monitoring

How Does MirrorFly’s ReactJS Chat SDK Work?

Ship fully-featured Calls & Chat into any mobile or web app with our flexible SDKs that can seamlessly work with any framework, platform and programming language.

By using MirrorFly, you not only save your development time but also reduce costs associated with building and maintaining a complex chat platform from scratch.

                                                
                                                        
  1. override fun onCreate() {
  2. super.onCreate();
  3. //activity to open when use clicked from notification
  4. //activity to open when a user logout from the app.
  5. ChatManager.startActivity = MainActivity::class.java
  6. //for chat logging
  7. LogMessage.enableDebugLogging(BuildConfig.DEBUG)
  8. .....
  9. }
  10. FlyCore.registerUser(USER_IDENTIFIER, FCM_TOKEN) { isSuccess, throwable, data ->
  11. if(isSuccess) {
  12. val responseObject = data.get("data") as JSONObject
  13. // Get Username, password and Auth token from the object
  14. } else {
  15. // Register user failed print throwable to find the exception details.
  16. }
  17. }
  18. ChatConnectionManager.initialize(USERNAME, SECRET_KEY, XMPP_DOMAIN, XMPP_HOST, XMPP_PORT)
  19. ChatManager.makeXMPPConnection()
                                                
                                                    
  1. const SDK = window.SDK;
  2. export default SDK;
  3. import SDK from "./SDK";
  4. const initializeObj = {
  5. xmppSocketHost:`HOST`,
  6. xmppSocketPort:`PORT`,
  7. ssl `SSL`,
  8. encryptKey:`ENCRYPT_KEY`,
  9. apiBaseUrl:`API_URL`,
  10. licenseKey:`LICENSE_KEY`,
  11. isSandbox:`SANDBOX_MODE`,
  12. callbackListeners:{},
  13. signalServer:`SIGNAL_SERVER`,
  14. janusUrl:`JANUS_URL`,
  15. };
  16. await SDK.initializeSDK(initializeObj);
  17. await SDK.register(`USER_IDENTIFIER`);
  18. await SDK.login(`USERNAME`, `PASSWORD`);

                                                
  1. let groupConfig = try? GroupConfig.Builder
  2. .enableGroupCreation(groupCreation: true)
  3. .onlyAdminCanAddOrRemoveMembers(adminOnly: true)
  4. .setMaximumMembersInAGroup(membersCount: 200)
  5. .build()
  6. ChatSDK.Builder.enableContactSync(isEnable: true)
  7. .setDomainBaseUrl(baseUrl: "YOUR API BASE URL")
  8. .setMaximumPinningForRecentChat(maxPinChat: 4)
  9. .setGroupConfiguration(groupConfig: groupConfig!)
  10. .deleteMediaFromDevice(delete: true)
  11. .setAppGroupContainerID(containerID: "YOUR GROUP CONTAINER ID")
  12. .buildAndInitialize()
  13. ChatManager.shared.initialize(username: USERNAME, secretKey:SECRET_KEY, xmppDomain: XMPP_DOMAIN, xmppPort: XMPP_PORT)
  14. ChatManager.makeXMPPConnection()

10x Your Website's Conversion Rate With React SDKs

Elevate your brand's communication capabilities with React-powered Chat & Call SDKs.

  • low latency sdk for android apps

    Easy To Integrate SDKs

    Effortlessly add in-app video, voice, and chat to your website in less than 20 minutes with MirrorFly's React Chat SDK.

  • secure chat sdk for ios apps

    Faster Development

    Build quick, attractive, and scalable communication features on your website with React Chat SDK.

  • easy integration for web apps

    Flexibility & Reusability

    Say goodbye to repetitive coding. Deploy chat & call features across multiple parts of your site with React Chat SDK.

  • cross-platform chat sdk

    Highly Responsive UI

    Make your website’s chat interface look and feel highly interactive with MirrorFly’s React UI Kit.

Explore Our List Of The Latest Tech Stacks

We’ve got you! Explore our wide range of tech stacks available to build the fullest communication experiences.

Ready To Integrate React Chat API into your Platform in 10 minutes?
  • self hosted Whitelabel Solution
  • self hosted Hire Development Team
  • self hosted Custom Security
Talk to an Expert
Request Demo