WhatsApp-Clone-Client-React
WhatsApp-Clone-Server
| WhatsApp-Clone-Client-React | WhatsApp-Clone-Server | |
|---|---|---|
| 5 | 1 | |
| 611 | 453 | |
| - | - | |
| 0.0 | 0.0 | |
| 15 days ago | about 1 month ago | |
| TypeScript | TypeScript | |
| - | - |
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.
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.
WhatsApp-Clone-Server
-
WhatsApp Clone using React (Hooks+Suspense), GraphQL, Apollo, TypeScript and PostgreSQL
Server ā urigo/WhatsApp-Clone-Server
What are some alternatives?
Passport - Simple, unobtrusive authentication for Node.js.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress š
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.
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.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
apollo-client - :rocket: Ā A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
PostgreSQL - Mirror of the official PostgreSQL GIT repository. Note that this is just a *mirror* - we don't work with pull requests on github. To contribute, please see https://wiki.postgresql.org/wiki/Submitting_a_Patch
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
react-apollo
TypeORM - ORM for TypeScript and JavaScript. Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, SAP Hana, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.