accounts
WhatsApp-Clone-Client-React
Our great sponsors
accounts | WhatsApp-Clone-Client-React | |
---|---|---|
4 | 5 | |
1,486 | 611 | |
0.4% | - | |
8.6 | 0.0 | |
about 2 months ago | 11 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.
accounts
-
WhatsApp Clone using Angular, GraphQL, Apollo, TypeScript and PostgreSQL
Right now we implemented a simple REST-based Passport authentication, but we already have PRs for Accounts-JS based authentication which will use the GraphQL endpoint instead of traditional REST ones. An additional chapter about Pagination is also expected, as well as a “Performance” chapter tackling the N+1 problem with GraphQL. Our backend has been designed to handle way more features than the ones currently implemented, so be ready because features like the Whatsapp blue ticks are going to land on our clone very soon.
-
Authentication and Authorization in GraphQL (and how GraphQL-Modules can help)
We are working with the creators of the js-accounts libraries to create a GraphQL Modules module out of their awesome packages so you could just add it from npm and extend your server and schema.
-
Authentication with AccountsJS & GraphQL Modules
Internally, we use GraphQL-Modules and AccountsJS to help us with those two decisions, GraphQL-Modules helps us solve our architectural problems in modular, schema-first approaches with the power of GraphQL and AccountsJS helps us create our authentication solutions by providing a simple API together with client and server libraries that saves us a lot of the ground work around authentication.
- AccountsJS adding a magic link module soon 💪
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?
pwgen-for-bios - Password generator for BIOS
Passport - Simple, unobtrusive authentication for Node.js.
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.
policy-password - policy-password is a Node library written in Typescript to generate passwords according to policies and constraints.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
apollo-client - :rocket: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
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.
react-apollo
WhatsApp-Clone-Server - https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
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.