|6 days ago||5 days ago|
|MIT License||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.
Next.js + MUI v5 with TypeScript support
2 projects | dev.to | 22 Nov 2021
The one on the official MUI's Github repo featuring Next.js with TypeScript (my framework of choice) didn't follow standard Next.js folder structure.
Best practises for snackbar?
1 project | reddit.com/r/reactjs | 19 Nov 2021
Here’s an example of how a popular library implements it to give you an idea.
How does this curried function work?
29 projects | dev.to | 13 Nov 2021
I want to learn both, JS and C#, which one should I learn first and why?
1 project | reddit.com/r/csharp | 4 Nov 2021
I love typescript but I cherish every release that brings speed upgrades. Material-UI for instance just cripples the autocompletion time of an entire project due to that lib having what are evidently very compute-heavy types. I mean the completion times go from ~.5 seconds to ~7 seconds when that library is added. Which kind of makes TS-at-scale difficult-to-impossible since more types means unusable autocomplete as well as longer and longer compile times.
Why firefox? Why? (Using Material UI and React)
1 project | reddit.com/r/webdev | 1 Nov 2021
I looked again, it's more like an example then an Tutorial. But here is the url: https://github.com/mui-org/material-ui/tree/master/docs/src/pages/getting-started/templates/sign-in
Where to put development instructions?
2 projects | reddit.com/r/softwaredevelopment | 29 Oct 2021
Using material-table in React to build feature-rich data tables
4 projects | dev.to | 26 Oct 2021
As robust and feature-rich as material-table is, maintenance and support have waned since the original creator left the project. Other contributors are still maintaining the library, though not as actively. However, there is a fork of the current project called material-table/core. This version is not yet as polished as material-table, but it is under active development and frequently updated. Although it doesn’t yet support the entire range of features described above, material-table/core is compatible with the new Material-UI v5, which is great! material-table remains the more popular library, with roughly 150,000 downloads per week as opposed to material-table/core's 23,000 weekly downloads at the time of writing. But material-table/core is a viable alternative if you're using the latest version of Material-UI and looking for a library with more active support.
Material UI Theming
1 project | reddit.com/r/reactjs | 21 Oct 2021
I'm trying to understand how their theming works. For example, how does a button decide which color it should be? the code doesn't seem trivial at all, and it seems to depend on the context of where the button is placed: Button.js .
Winning my first Hacktoberfest!
5 projects | dev.to | 16 Oct 2021
How to add a condition for a button to be active in tailwind CSS when we pass query string in the nextjs app?
1 project | reddit.com/r/tailwindcss | 29 Nov 2021
This discussion might help: https://github.com/tailwindlabs/tailwindcss/discussions/3461 but fortunately, I don't use NextJS.
An Introduction to Tailwind CSS & Template Collection
1 project | dev.to | 29 Nov 2021
As you will find many CSS frameworks in the market, these frameworks mostly include pre-designed elements like buttons, forms, and many other components to make the whole development more feasible. But if you ever want to modify or update any of these components, you'll have to work a lot around the design elements of the code. The problem is that you can't use these pre-made templates uniquely to showcase your product. On the other hand, one of the most popular CSS framework, Tailwind, can allow you to expand your creativity and incorporate your unique style quickly.
How to use with another exciting framework
1 project | dev.to | 27 Nov 2021
So for example if you are running a TailwindCSS or other utility CSS based framework, like WindiCSS, thats one of the easiest use cases.
1 project | dev.to | 26 Nov 2021
For this tutorial, we are using Laravel with TailwindCSS to design the UI of the banner. If you need, you can manually implement TailwindCSS into the Laravel by adding and configuring everything manually. But fortunately, we have Laravel Breeze! Let's install it in our application.
Going serverless with MongoDB Realm - React.js Version
5 projects | dev.to | 22 Nov 2021
In this tutorial, we will focus on implementations only. The project UI has already been set up with TailwindCSS.
Ask HN: Simplest stack to build web apps in 2021?
17 projects | news.ycombinator.com | 22 Nov 2021
Late Night Random Discussion Thread - 19 November, 2021
2 projects | reddit.com/r/indiasocial | 19 Nov 2021
3 projects | dev.to | 18 Nov 2021
I have many blogging platforms WordPress, NuxtJS, NextJS, Ghost. But none of them are active. So I try back to my root which is WordPress. So I create a theme that looks like Hey World. I create it using underscores_ and Tailwind CSS. I stripped unneeded features from underscores, just need the essential. Here is the theme in case you interested, hey-world. Now my website already looks like Hey World, of course already adjusted to my need.
Windster - Tailwind CSS admin dashboard interface [MIT License]
7 projects | dev.to | 18 Nov 2021
Tailwind CSS - utility-first CSS framework (tailwindcss.com)
what is the fastest way to create a website with react?
2 projects | reddit.com/r/reactjs | 16 Nov 2021
If you want to implement a custom design and want it to be responsive, I suggest go with tailwind csshttps://tailwindcss.com/
What are some alternatives?
antd - An enterprise-class UI design language and React UI library
windicss - Next generation utility-first CSS framework.
Bulma - Modern CSS framework based on Flexbox
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
rsuite - 🧱 A suite of React components .
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
theme-ui - Build consistent, themeable React apps based on constraint-based design principles
Foundation - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.