Git Product home page Git Product logo

whatsapp-clone's Introduction

whatsapp-clone

client

REACT

Apollo

  • apollo-client - Apollo-Client's core package
  • apollo-cache-inmemory - The data store that will be used to cache the results.
  • apollo-link-http - Get GraphQL results over a network using HTTP fetch

GraphQL

  • graphql-tag - is used to parse the GraphQL string to an AST, something which is required when using Apollo Client

  • mutation

    • optimisticResponse
  • GraphQL fragment - shared piece of query logic

  • Code Generator - generate TypeScript definitions given a GraphQL schema, and a set of GraphQL documents

    • codegen.yml - provide the code generator with the GraphQL schema, GraphQL documents, the output path of the type definition file/s and a set of plug-ins.
  • @graphql-codegen/typescript - Will generate the core TypeScript types from our GraphQL schema.

  • @graphql-codegen/typescript-resolvers - Will generate resolvers signatures with the generated TypeScript types.

WS

GraphQL

  • subscriptions-transport-ws - a transport layer that understands how client and GraphQL API communicates with each other. The spec has GQL_INIT GQL_UPDATE GQL_DATA events.
  • apollo-link-ws - Will establish a WS connection.
  • apollo-link - Will enable WS and HTTP connections co-exist in a single client.
  • apollo-utilities - Includes utility functions that will help us analyze a GraphQL AST.

Test

  • Jest can be used to test both client and server logic

3 kinds of tests

  • Unit tests - test a single component, independently from other components
  • Integration tests - test a component in relation to other components (how well do they co-work with each other).
  • e2e tests (end to end) - test a complete, from the moment I clicked on a button in the user interface until the data gets back from the server and shown on the screen.

npm

  • jest-fetch-mock - mock responses emitted by the Fetch API.
  • jest-dom - add custom matchers that will help us examine HTML contents of DOM elements.

whatsapp-clone's People

Contributors

revirth avatar

Stargazers

 avatar

Watchers

 avatar

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.