Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hungtuchen/relay-chat
an chat example showing Relay with routing and pagination
https://github.com/hungtuchen/relay-chat
Last synced: 3 months ago
JSON representation
an chat example showing Relay with routing and pagination
- Host: GitHub
- URL: https://github.com/hungtuchen/relay-chat
- Owner: hungtuchen
- License: mit
- Archived: true
- Created: 2015-08-12T14:12:03.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-08T06:00:44.000Z (about 8 years ago)
- Last Synced: 2024-08-03T17:10:17.569Z (6 months ago)
- Language: JavaScript
- Homepage:
- Size: 48.8 KB
- Stars: 90
- Watchers: 5
- Forks: 11
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-graphql - relay-chat - an chat example showing Relay with routing and pagination. (Examples / JavaScript Examples)
README
# Relay Chat
**I no longer maintain this project. Since it is a demonstration, you can still fork and play with it**
## Installation
```
npm install --global babel
npm install
```
## Running
Start a local server:
```
npm start
```
## Developing
Any changes you make to files in the `js/` directory will cause the server to
automatically rebuild the app and refresh your browser.
If at any time you make changes to `data/schema.js`, stop the server,
regenerate `data/schema.json`, and restart the server:
```
npm run update-schema
npm start
```
## Feature Highlight:
1. use with [relay-nested-routes](https://github.com/devknoll/relay-nested-routes) and [react-router](https://github.com/rackt/react-router) to let multiple routes work and route params as query params
2. using route params as global state variable (ex: currentThreadID), not ideal for now, but it shows a different possibility
3. and a more complicated model structure as `user-> threads-> messages`
4. [pagination for messages](https://github.com/transedward/relay-chat/tree/add-pagination)
## Advice
If you don't know much about GraphQL and Relay, I suggest you:
1. [To know GraphQL first](https://github.com/facebook/graphql/blob/master/README.md)
(at least things before introspection part)
2. [Know how Relay connect to GraphQL](http://facebook.github.io/relay/docs/graphql-relay-specification.html#content)
(and the series below)
3. [Last, learn Relay](http://facebook.github.io/relay/docs/guides-containers.html#content)
(and the series below)
I tried these 3 steps in reverse, and I went step by step again.