tw-classed
axios-cache-interceptor
Our great sponsors
tw-classed | axios-cache-interceptor | |
---|---|---|
8 | 10 | |
505 | 516 | |
- | - | |
8.3 | 9.3 | |
3 months ago | 6 days ago | |
TypeScript | TypeScript | |
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.
tw-classed
-
I wrote a library to create reusable Tailwind components in React & Vanilla JS
TW Classed makes it super simple to create re-usable Tailwind components in both React and other frameworks. It ships with a React-specific library and a framework-agnostic core library. It takes a lot of ideas from Stitches.js and has most of the same functions (but with classes instead).
- Show HN: TW-Classed – Tailwind with the DX of CSS in JavaScript – TwClassed
-
TW Classed - Make reusable Tailwind components
All this and more features like defaultVariants, compoundVariants, advanced class name merging, Tailwind Extension support and a framework agnostic library is available in the Documentation
-
[AskJS] JavaScript Libraries
https://tw-classed.vercel.app/ lets you write reusable React components whose classes are toggled by props. It comes with full type safety, a framework agnostic core lib and is only 1kb.
-
What working with Tailwind CSS every day for 2 years looks like
interesting take! I started using tailwind with the classnames library early on and found it to be a really nice fit for my purposes. Also very interested in more tailwind-specific tools like tw-classed[1]
[1]: https://tw-classed.vercel.app/
-
Why Tailwindcss over styled-components?
TwClassed - Write Reusable Tailwind components
-
Im merging css-in-js and Tailwind
Here is the GitHub
axios-cache-interceptor
-
How to implement algolia index on documentation?
Just done that to https://axios-cache-interceptor.js.org, you have to request in their oficial website if it is for a OSS project.
-
Make your apps cost efficient by caching APIs
To accomplish this, we will use the library axios-cache-interceptor to “cache API calls to reduce the number of credits we use”. For this caching option we need to see the lifetime of a cached response, a way to persist the day permanently and across different user sessions and, keep in mind, the margin to consider for cutting expenses.
- [AskJS] JavaScript Libraries
- Finally: The solution for when the issue doesn't have sufficient information.
-
[AskJS] How do people manage complex data and server interactions without classes or ORM in an SPA? Where is my Backbone for React?
You can use a good and easy to use request library, like axios (~5.6Kb) to make http requests, and a cache library, like axios-cache-interceptor (~3.84Kb, which i'm the maintainer btw), and let the cache plugin to take care of invalidating, requesting and storing it's data.
-
You should use cache over state for network requests. With Axios Cache Interceptor, this is made simple!
Documentation: https://axios-cache-interceptor.js.org
Github - Documentation - Npm - Bundlephobia
- I made an cache system for axios that supports multiple strategies, like Etag, Cache-Control, If-Modified-Since, Age and etc. It is fully customizable, with 100% Code coverage, only 4Kb minzipped and has custom typings for auto completion!
What are some alternatives?
pechkin - Asynchronous Node.js file upload (multipart/form-data) handling.
zustand - 🐻 Bear necessities for state management in React
open-props - CSS custom properties to help accelerate adaptive and consistent design.
Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
conclure - ConclureJS
use-http - 🐶 React hook for making isomorphic http requests
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
cacheable-request - Wrap native HTTP requests with RFC compliant cache support
classnames - A simple javascript utility for conditionally joining classNames together
axios - Promise based HTTP client for the browser and node.js
stitches - [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
AxleJS - Fetch, supercharged.