https://github.com/realtime-framework/messagingtypescriptchat
Simple chat example using TypeScript, React and Realtime Messaging
https://github.com/realtime-framework/messagingtypescriptchat
Last synced: 15 days ago
JSON representation
Simple chat example using TypeScript, React and Realtime Messaging
- Host: GitHub
- URL: https://github.com/realtime-framework/messagingtypescriptchat
- Owner: realtime-framework
- License: mit
- Created: 2017-01-09T16:27:07.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-10T11:06:25.000Z (over 9 years ago)
- Last Synced: 2025-03-26T06:43:47.353Z (over 1 year ago)
- Language: TypeScript
- Size: 6.84 KB
- Stars: 0
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Simple Chat example using TypeScript, React and Realtime Messaging
This example shows how to build a simple web chat using TypeScript, React and the Realtime Messaging platform.
In a nuthsell this example allows users to exchange messages with all the other users subscribing the chat room.
[TypeScript](https://www.typescriptlang.org/) is a typed superset of JavaScript that compiles to plain JavaScript.
[React](https://facebook.github.io/react/) is a JavaScript library for building user interfaces.
[Realtime Messaging](https://framework.realtime.co/messaging/) is a cloud based message broker, enabling developers to build cross-platform apps that require realtime communication between devices.
### Getting your Free Realtime Messaging subscription
If you already have a Realtime Messaging subscription you can skip this step.
Click [here](https://accounts.realtime.co/signup/) to register for a Realtime account and subscribe the Realtime Messaging service using the Free plan.
You'll get a 6 alpha-numeric application key (aka appkey) and make note of it, you'll have to enter it in your app code when the connection to Realtime is established.
## Running this example
Download or clone this repository and enter your Realtime Messaging application key in the `appkey` property of the `Chat` component defined at `src/index.tsx` file.
Run the following commands in your terminal window to install the dependencies and compile the example:
npm install -g webpack
npm install
webpack
Open the index.html file in your default browser.
NOTE: You'll need to have Node.js and NPM setup on your development environment.
## Author
Realtime.co