WhatsApp-Clone-Client-React
Material UI
WhatsApp-Clone-Client-React | Material UI | |
---|---|---|
5 | 290 | |
611 | 91,692 | |
- | 0.4% | |
0.0 | 10.0 | |
15 days ago | about 3 hours 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.
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.
Material UI
- Zero-runtime CSS-in-JS implementation
-
β‘Top GitHub Repositories for UI Components
π Site β GitHub
-
StyleX β Meta's Styling Library
You'll be glad to hear that MUI is zeroing in (pun intended) on a zero runtime solution right now as an alternative to Emotion [0], although that GitHub issue doesn't capture just how far it has come. Expect more soon!
[0] https://github.com/mui/material-ui/issues/38137
-
9 React component libraries for efficient development in 2023
GitHub stars: 89.3k GitHub link: https://github.com/mui/material-ui Documentation: https://mui.com/material-ui/getting-started/
-
13 Must Know Libraries for a React Developer
With GitHub stars of 88K(August 2023) and weekly NPM downloads of 2.9 million(August 2023), MUI is one of the most popular React UI libraries in the world.
-
10 Best Free React UI Libraries in 2023
MUI is a collection of UI tools and component libraries that helps you bring great designs to life in no time. The most popular of these is MUI Core.
- The Ultimate Comparison: Ant Design vs Material# Ant Design vs Material UI: Which React UI Library to Choose
- MUI finally adds "use client" to their components, but...
- React and Vite - Why is still loading other component not imported
-
Please Grill Me On My React "Take Home Assessment"
In the MUI case they have a component. https://github.com/mui/material-ui/blob/master/packages/mui-lab/src/TreeView/TreeView.js#L818
What are some alternatives?
Passport - Simple, unobtrusive authentication for Node.js.
mantine - A fully featured React components library
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.
antd - An enterprise-class UI design language and React UI library
apollo-client - :rocket: Β A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
primereact - The Most Complete React UI Component Library
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.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
react-apollo
nextui - π Beautiful, fast and modern React UI library.
WhatsApp-Clone-Server - https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial
daisyui - πΌ πΌ πΌ πΌ πΌ βThe most popular, free and open-source Tailwind CSS component library