react-chat-widget - Awesome chat widget for your React App

  •        129

2- The only required prop you need to use is the handleNewUserMessage, which will receive the input from the user. That way, you can leave the JS clean and keep the styles within the CSS.

https://github.com/Wolox/react-chat-widget

Dependencies:

immutable : ^3.8.1
markdown-it : ^8.4.1
markdown-it-link-attributes : ^2.1.0
markdown-it-sanitizer : ^0.4.3
markdown-it-sup : ^1.0.0
prop-types : ^15.5.10
react-immutable-proptypes : ^2.1.0
react-redux : ^5.0.6
redux : ^3.7.2

Tags
Implementation
License
Platform

   




Related Projects

Lync Presence & Chat Widget

  •    

The Lync Presence widget shows Lync presence information on your website. Website visitors can start chat conversations using the Lync Chat widget. The widgets are jQuery plugins communicating with a WCF Service. Place them on any kind of website (PHP, .NET) and style with CSS.

react-native-gifted-chat - 💬 The most complete chat UI for React Native

  •    Javascript

See the files in example-slack-message for an example of how to override the default UI to make something that looks more like Slack -- with usernames displayed and all messages on the left.

IdiomaticReact - Idiomatic React - Flux - REST app

  •    Javascript

Idiomatic React aims to be the simplest API-centric Flux app one could build using React. It's complemented by Idiomatic React Chat (on the branch chat of this repository), implementing Facebook's Flux Chat app.

react-native-step-indicator - A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView

  •    Javascript

A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView. If you'd like to see something added or changed to this module please open a new GitHub issue. Pull requests are always welcome.

react-slack-clone - Complete chat application, built with Chatkit | Owner @lukejacksonn

  •    Javascript

This is a static, single page web app bootstrapped with create-react-app for ease of setup, distribution and development. It is a thin UI wrapper around the pusher-chatkit-client library to demonstrate how different features can work together to form a compelling real-time chat client with various potential product applications. Want to get involved? We have a bunch of beginner-friendly GitHub issues.


react-fine-uploader - Easily integrate Fine Uploader or Fine Uploader S3 into a React app

  •    Javascript

Makes using Fine Uploader in a React app simple. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI. These allow you to easily build a highly customizable and powerful UI for your upload widget, backed by Fine Uploader's core feature set. Most of these components are unstyled (i.e. ready to be styled by you). Focused component-specific stylesheets may be provided at a later date.

aws-iot-chat-example - 💬 Real-time chat application using AWS IoT platform via MQTT over the WebSocket protocol

  •    Javascript

This is a React application demonstrating how to use the AWS IoT platform via MQTT over the WebSocket protocol to build a live chat application. The sample application serves as a starting point for users to build serverless projects with Amazon Cognito, AWS Lambda and Amazon DynamoDB. The project showcases the solution to common user questions such as how to authenticate IoT devices with Amazon Cognito. If you would like to enable login with Facebook and/or Google, please follow the Social Logins guide.

react-native-dropdownalert - A simple alert to notify users about new chat messages, something went wrong or everything is ok

  •    Javascript

A simple alert to notify users about new chat messages, something went wrong or everything is ok. It can be closed by tap, cancel button, automatically with closeInterval, pan responder up gesture or programmatically.

flutter-widget-livebook - Live preview example for flutter widgets.

  •    Dart

Flutter Widget Livebook is a website built with Flutter for web to live preview widget samples online. To check out live examples and docs, visit flutter-widget-livebook.blankapp.org.

dazzle - :rocket: Dashboards made easy in React JS.

  •    Javascript

Dazzle is a library for building dashboards with React JS. Dazzle does not depend on any front-end libraries but it makes it easier to integrate with them.Dazzle's goal is to be flexible and simple. Even though there are some UI components readily available out of the box, you have the complete control to override them as you wish with your own styles and layout.

react-flight - The best way to build animation compositions for React.

  •    Javascript

The best way to build animation compositions for React. Design and compose a component to start with, a component to end with, and Flight will take it from there. Flight tries to be for React what Principle is for Sketch compositions - the fastest, most friction free way to compose and an effortless way to animate an idea, an interaction, or a short movie-like composition in a self-contained widget (a React component after all).

react-native-chart - :bar_chart: Add line, area, pie, and bar charts to your React Native app

  •    Javascript

[![Join the chat at https://gitter.im/tomauty/react-native-chart](https://badges.gitter.im/tomauty/react-native-chart.svg)](https://gitter.im/tomauty/react-native-chart) [![npm version](https://badge.fury.io/js/react-native-chart.svg)](https://badge.fury.

firechat - Real-time Chat powered by Firebase

  •    Javascript

Firechat is a simple, extensible chat widget powered by Firebase. It is intended to serve as a concise, documented foundation for chat products built on Firebase. It works out of the box, and is easily extended. Visit firechat.firebaseapp.com to see a live demo of Firechat.

react-redux-links - Curated tutorial and resource links I've collected on React, Redux, ES6, and more

  •    

Curated tutorial and resource links I've collected on React, Redux, ES6, and more, meant to be a collection of high-quality articles and resources for someone who wants to learn about the React-Redux ecosystem, as well as a source for quality information on advanced topics and techniques. Not quite "awesome", but hopefully useful as a starting point I can give to others. Suggestions welcome. Another important resource is the Reactiflux community on Discord, which has chat channels dedicated to discussion of React, Redux, and other related technologies. There's always a number of people hanging out and answering questions, and it's a great place to ask questions and learn. The invite link is at https://www.reactiflux.com.

react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button

  •    Javascript

A React component (set of components, really) that will help you build accessible menu buttons by providing keyboard interactions and ARIA attributes aligned with the WAI-ARIA Menu Button Design Pattern. Please check out the demo.

belle - Configurable React Components with great UX

  •    Javascript

Configurable React Components with great UX. We recommend you to get started with React first. Once you have a simple application setup you can import any Belle component and use it right away. No stylesheets, font or any other prerequisite needed.

matrix-react-sdk - Matrix SDK for React Javascript

  •    Javascript

This is a react-based SDK for inserting a Matrix chat/voip client into a web page. As of Aug 2018, the only skin that exists is vector-im/riot-web; it and matrix-org/matrix-react-sdk should effectively be considered as a single project (for instance, matrix-react-sdk bugs are currently filed against vector-im/riot-web rather than this project).