https://github.com/renanmav/relay-twitter

Twitter clone built with React Native and Relay Modern
https://github.com/renanmav/relay-twitter

graphql react-native relay

Last synced: about 2 months ago
JSON representation

Twitter clone built with React Native and Relay Modern

• Host: GitHub
• URL: https://github.com/renanmav/relay-twitter
• Owner: renanmav
• Created: 2019-08-12T04:38:53.000Z (about 5 years ago)
• Default Branch: reason
• Last Pushed: 2020-08-03T21:12:53.000Z (about 4 years ago)
• Last Synced: 2024-05-11T23:34:49.540Z (4 months ago)
• Topics: graphql, react-native, relay
• Language: Reason
• Homepage:
• Size: 2.59 MB
• Stars: 61
• Watchers: 7
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-list - relay-twitter

README

        
# Relay twitter app

A twitter clone basic features built with Reason, React Native, Relay Modern and GraphQL. 🔥

There are versions built in Typescript on `ts/hoc` and `ts/hooks` branches

# Main Features

- Login (and persistence) with JWT authentication

- Realtime updates with GraphQL Subscriptions

- Dark theme with local management store of Relay

- UI optimistic updates

- Relay hooks

![screenshots](./preview/relay-twitter.png)

# Project Structure

This is a React Native mobile app targeting Android and iOS.

The Javascript code is in the `src` folder and the

different native apps are in `android` and `ios`.

As well, this server repo is [here](https://github.com/renanmav/entria-fullstack) and it is [hosted on Heroku](https://relay-twitter-server.herokuapp.com/graphiql), so it may take a few minutes because Heroku's cold start.

# Setup

Once you cloned this repo, run:

- `cd ios/ && npx pod-install && ..` to install cocoapods dependencies.

- `yarn` or `npm i` to install dependencies.

- `yarn android` or `yarn ios` based on which target you're working on.