|9 days ago||8 days ago|
|MIT License||Apache License 2.0|
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 folder structure for enterprise level applications
I haven't used Radix before, but I've used headlessui. When I'm not using MUI, I definitely use a headless ui lib + tailwindcss. 🙌
Is there any React UI component library which does not use CSS in JS library?
2 projects | reddit.com/r/reactjs | 19 Nov 2021
Only one I was able to find is headlessui which lacks components. Anything else out there with
From my point of Vue: Headless components
3 projects | dev.to | 18 Nov 2021
The concept is not new, it's been discussed and implemented for a couple of years, I first heard of it when Adam Watham, creator of Tailwind CSS, and its team launched Headless UI libraries like downshift by Kent Dodds also used this pattern, just to mention a couple of cases.
Tailwind's HeadlessUI x Gatsby
1 project | reddit.com/r/gatsbyjs | 17 Nov 2021
How would one go about adding Tailwind's https://headlessui.dev/ to Gatsby after adding Tailwind?
I made Graphire, a hook-based React library to visualize huge networks of nodes and links in an unopinionated way.
4 projects | reddit.com/r/reactjs | 12 Nov 2021
"Unopiniated" is right, it means "this library doesn't force you to use it in a particular way", while headless is more specific to UI. I've actually seen it being used by some of the more popular libraries like react-table, react-virtual, and headlessui.
1 project | news.ycombinator.com | 9 Nov 2021
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
1 project | reddit.com/r/vuejs | 9 Nov 20211 project | reddit.com/r/react | 9 Nov 20211 project | reddit.com/r/reactjs | 9 Nov 2021
React Aria: a headless UI component library
3 projects | news.ycombinator.com | 5 Nov 2021
HeadlessUI has been around for over a year, it's not a term this authour made up
Is create-react-app still the most common way to fire off a new react project?
2 projects | reddit.com/r/reactjs | 8 Oct 2021
You shouldn't ever have to eject. Tools like https://github.com/gsoft-inc/craco will let you override the CRA config without needing to eject at all.
Running React Native everywhere: The Web
12 projects | dev.to | 26 Sep 2021
Create React App is very limited in its configuration options, so we'll use CRACO (Create React App Configuration Override) to customize its Webpack configuration to make it compatible with Yarn workspaces.
How to setup your react applications
10 projects | dev.to | 22 Sep 2021
I generally use Create React App for bootstrapping my react application, and add some custom configuration using craco (Create React App Configuration Override).
Migrating Create-React-App project to Single-SPA
3 projects | dev.to | 17 Sep 2021
A solution would be to eject from CRA and have manual control over build tools CRA uses like Webpack and Babel but then you lose the ease of use and also miss out on CRA updates. (Cue the hero entry music) CRACO (Create React App Configuration Override) is a configuration layer for Create-React-App that allows you to customize CRA's config without ejecting. If you've ever used TailwindCSS in a CRA app you've most likely have had to set up CRACO. We'll use CRACO to get our CRA app to work as a Single-SPA application without ejecting.
Running React Native everywhere
9 projects | dev.to | 16 Sep 2021
For the web app, the browser extension, and the Electron app, we'll use React Native for Web. To simplify their setup, we'll use Create React App, and customize it using CRACO — but you're free to use other React-based frameworks as well (e.g., NextJS).
Need micro front end support. Should I CRA eject, or build from scratch?
5 projects | reddit.com/r/reactjs | 8 Sep 2021
There is also option craco which allow you to configure CRA without ejecting, but I never used it. It might fit your needs right now.
Include React inside an already existing web application?
3 projects | reddit.com/r/laravel | 22 Jul 2021
You can check craco, plugin that allow to change paths of webpack CRA configs.
Create-react-app .env file non root folder
1 project | reddit.com/r/reactjs | 18 Jun 2021
It might be possible without ejecting by using Craco... https://github.com/gsoft-inc/craco
Fullstack GraphQL starter kit Mid-2021 update
4 projects | dev.to | 3 Jun 2021
Switch to craco from react-app-rewired for better CRA v4 support (breaking change!)
How to Animate a Waving Hand Emoji in TailwindCSS
2 projects | dev.to | 3 Jun 2021
The majority of the Setup is taken from the TailwindCSS setup guide. The most jarring part is the use of Craco instead of the standard react-scripts.
What are some alternatives?
react-app-rewired - Override create-react-app webpack configs without ejecting
daisyui - ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ Tailwind Components
Tailwind CSS - A utility-first CSS framework for rapid UI development.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
react-refresh-webpack-plugin - A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.
create-react-app - Set up a modern web app by running one command.
stitches - CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
Next.js - The React Framework
material-ui - MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
why-did-you-render - why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)