react-apollo-hooks
WhatsApp-Clone-Client-React
react-apollo-hooks | WhatsApp-Clone-Client-React | |
---|---|---|
2 | 5 | |
2,417 | 611 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | 19 days ago | |
TypeScript | TypeScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-apollo-hooks
-
Awesome Things Related To React Hooks š
react-apollo-hooks - Use Apollo Client as React hooks
-
WhatsApp Clone using React (Hooks+Suspense), GraphQL, Apollo, TypeScript and PostgreSQL
GraphQL communication with react-apollo-hooks.
WhatsApp-Clone-Client-React
-
WhatsApp Clone using Angular, GraphQL, Apollo, TypeScript and PostgreSQL
This tutorial was written using Tortilla ā the Tutorial framework.
-
WhatsApp Clone using React (Hooks+Suspense), GraphQL, Apollo, TypeScript and PostgreSQL
Client ā urigo/WhatsApp-Clone-Client-React
-
<š
> Introducing a new encapsulation method for Styled-Components with Babel
When I was writing the WhatsApp-Clone I used a different approach to overcome the problems mentioned above. Instead of creating a dedicated component for each styled element, I used a container that has all the CSS rules with private classes. By private classes I mean, classes which start with an underscore (e.g. _my-class). This way Iām less likely to collide globally defined CSS rules:
- Stencil-Apollo - Stencil meets GraphQL
-
GraphQL Code Generator - Introducing Hooks support for React Apollo plugin
If you want to see graphql-code-generator in action, you can look at the awesome WhatsApp-Clone-Client-React project made by The Guild. Here is the diff (thanks to Eytan Manor) showcasing the generated hooks applied to a real codebase.
What are some alternatives?
React - The library for web and native user interfaces.
Passport - Simple, unobtrusive authentication for Node.js.
evergreen - š² Evergreen React UI Framework by Segment
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
react-autosuggest - WAI-ARIA compliant React autosuggest component
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Draft.js - A React framework for building text editors.
apollo-client - :rocket: Ā A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
graphql-code-generator - A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.
chakra-ui - ā”ļø Simple, Modular & Accessible UI Components for your React Applications
react-apollo