React
Tailwind CSS
Our great sponsors
React | Tailwind CSS | |
---|---|---|
914 | 643 | |
187,737 | 56,694 | |
1.3% | 3.0% | |
9.8 | 9.8 | |
6 days ago | 5 days ago | |
JavaScript | JavaScript | |
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.
React
-
Using Zustand in React applications
context loss - https://github.com/facebook/react/issues/13332 AND the most beauty of it is that the store it provides is a hook and you can put objects or functions in it. How awesome is that!
-
Optimizing Your Web App for Maximum Runtime Performance and Premature Optimization π¦
If your component depends on useContext(), React.memo() is useless. The component would rerender irrespective if the memo.
-
Use Vite for React Apps instead ofΒ CRA
Most of us will be using Create React App for creating React App. It supports all the configurations out of the box. But when your project code grows you might face higher build times, a slower start in the development server and waiting 2 to 5 secs to reflect the changes you have made in code and this might increase rapidly when the app grows on a larger scale.
-
Single Responsibility with React Components
Three weeks ago I began learning the JavaScript React framework.
-
How to add Dark mode in Next.js Application using Tailwind CSS.
Next.js is a React based open-source frontend framework, with features like SSR (Server Side Rendering) and SSG (Static Site Generation). Next.js also comes SEO optimized right out the box so you don't have to do it yourself from the scratch.
-
Keeping up to date with reactjs
It can be a bit verbose/granular, but the projectβs CHANGELOG is a feed of new features and bug fixes.
-
Front-end Developer roadmap
Documentation - all learning materials you can find here
-
I started with ReactJS now I want to continue
I just finished the ReactJS tutorial on reactjs.org and I wonder where I'll go next to keep learning. I have studied vanilla JavaScript for 7 months so I want to learn React from now on. Any suggestions?
-
What's the best way to look through a PR commit diff by commit diff?
I normally do it on GitHub desktop: click the commit, then . As an example, Next/Prev is on the top right: https://github.com/facebook/react/pull/24551/commits/c140037aeaab77a3e1e979c2c965f172658aabc9
-
How I Built a Music Player to Showcase my own Tracks π΅π
To get started with a boilerplate, we will use Create React App, which is an officially supported CLI tool, that lets you create a new ReactJS project within a minute or less.
Tailwind CSS
-
How to add Dark mode in Next.js Application using Tailwind CSS.
Hey there, In today's article I am going to show you how to add Dark mode to your Next.js application using Tailwind CSS.
-
Tailwind CSS Customization Summary
You can check it here. https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/defaultConfig.stub.js
-
7 design tips for Developers who suck at design
Read the docs here β https://tailwindcss.com/
-
Best Styling for React
Have you tried Tailwind CSS before?
-
How to build a Tailwind CSS Select Dropdown component with Flowbite
Tailwind CSS is the world's most popular utility-first CSS framework that helps you build websites faster and offers you the flexibility of designing elements and pages any way you like.
-
Inflist, an experiment using PureScript and React
And finally, for the styles I opted for the most famous Tailwind CSS.
- [Appwrite Submission Post Placeholder Title]
-
Introducing Tailwinder - Home for Tailwind Fans - Powered with Appwrite π
I didn't want to recreate something that already exists or to make a clone of anything. What I really wanted to do is to think of a complex structured website that solves an issue or adding value to the community. And one the things I love the most since I started coding is TailwindCSS for my CSS work. It makes our lives much easier and it's pretty simple even for backend developers. So I thought why not creating a COMPLETE community for Tailwind users where they can create, share, learn, comment and update. Using appwrite's Web SDK and Node SDK, that became possible.
- Thought on arbitrary variants?
- Thought on matchvariant?
What are some alternatives?
windicss - Next generation utility-first CSS framework.
material-ui - MUI Core (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
antd - An enterprise-class UI design language and React UI library
emotion - π©βπ€ CSS-in-JS library designed for high performance style composition
chakra-ui - β‘οΈ Simple, Modular & Accessible UI Components for your React Applications
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
esbuild - An extremely fast JavaScript and CSS bundler and minifier
Bulma - Modern CSS framework based on Flexbox
flowbite - The most popular library of interactive UI components built with Tailwind CSS
vuetify - π Material Component Framework for Vue
SvelteKit - The fastest way to build Svelte apps
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.