GithubHelp home page GithubHelp logo

srtucker22 / chatty Goto Github PK

View Code? Open in Web Editor NEW
499.0 31.0 111.0 28.14 MB

A WhatsApp clone with React Native and Apollo (Tutorial)

Home Page: https://medium.com/@simontucker/building-chatty-a-whatsapp-clone-with-react-native-and-apollo-part-1-setup-68a02f7e11

License: MIT License

JavaScript 92.92% Python 1.72% Java 1.48% Objective-C 3.88%
graphql apollo apollo-client react-native react reactjs javascript sequelize react-apollo tutorial

chatty's People

Contributors

srtucker22 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

chatty's Issues

apollo-client v2

Upgrade the entire tutorial to latest version of apollo-client.

apollo-client v2 no longer uses Redux for caching GraphQL data, so there is currently no good dev tooling for Apollo 2 with React Native (there’s no Apollo DevTools for React Native). Once there are adequate dev tools for Apollo 2 with React Native, update the whole tutorial!

Relevant issues:
apollographql/apollo-client#2509
apollographql/apollo-client-devtools#6

[Network error] Android

Hey man, awesome thing you made, really liked the tutorial πŸ‘Œ

Quick question, I'm trying to get the app running on Android and getting "Network error: Network request failed". Does it happen to you as well, and if yes do you maybe have an idea how it might be resolved? On iOS it's working.

I'm trying to figure it out, if I find solution I'll provide PR.

Cheers!

Is it as fast as WhatsApp ?

Hi there,

In WhatsApp, When you press on a group, the speed to show the messages of the group is reaaally fast. Any group, even the 2 years old groups. I don't know how they reach such a speed.

Do you succeed to go as fast as WhatsApp with your app ?
If so, what is the secret ?
If not, what do you think is their secret ?

Upgrade database?

Hi, you say in your intro that you will be using sqlite 'for now'. Are there plans to show an upgrade to postgres or mongo, etc?

Also, FYI if you are not aware there is a very interesting project called postgraphql you might be interested in. I am leaning hard in that direction as JS isn't in my toolbox yet and by what I am seeing I can eliminate the express/ruby/python back end server all-together and query direct to graphQL at the database...

Tutorial upgraded to [email protected]

@srtucker22 Great Work! Loved your tutorial. I've upgraded your tutorial to the latest version of Tortilla at https://github.com/DAB0mB/chatty; would you mind force pushing all refs (branches and tags) into your repo? I'm one of the main contributors of the Tortilla project together with @Urigo and we thought that it would be a good idea to test some new features of Tortilla like releases git-diffing and JSON file dumping. We can test these features with my fork however we would very much prefer that the changes would be part of the official repo. Thanks a lot!

Subscriptions with Redis

Hello and thank you for this wonderful and really helpful tutorial!

I was reading that the PubSub mechanism graphql-subscriptions are not suitable for production use.
Have you tried using graphql-redis-subscriptions or maybe do you have any code that you could share? That would be really helpful because I am facing some difficulties there.

Thank you once again

Android support

How should this get added to the tutorial?

Implementation at every substep would be really arduous, but we do want to end up with one codebase. I think the issue here is that it would make the tutorial code very long and might require additional explanation at every step.

Might make more sense to have an extra sub step at the end of each main step that applies any additional changes to support Android.

The best test here is to first see how many edits are needed if just updating code from the latest step.

Step 8: Input Types

  • write copy
  • publish medium
  • update step 5 with relay cursor connections
  • add input types for pagination to show input type value as a query distinguisher

react native client install error.

react native client install error as blow and install progress will be suspended here:
npm ERR! Unexpected end of JSON input while parsing near '...tro/download/metro-0.'

reproduce:
cd client
npm install
you will get the error, any my env as blow:
node: v11.2.0
rn: react-native-cli: 2.0.1

Step 9: add offline mode

If we're talking about cache control, makes sense to put this feature here. Could eliminate auth store as well for much cleaner flow πŸ‘

This should really get implemented after #4 is successfully part of the tutorial

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.