use-media vs react-slick

use-media

useMedia React hook to track CSS media query state (by streamich)

Suggest topics

Source Code

Suggest alternative

Edit details

react-slick

React carousel component (by akiran)

UI Components Carousel React Slick

Source Code

react-slick.neostack.com

Suggest alternative

Edit details

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

WorkOS - The modern identity platform for B2B SaaS

InfluxDB - Power Real-Time Data Analytics at Scale

Our great sponsors

use-media		react-slick
	Project
4	Mentions	17
517	Stars	11,538
-	Growth	-
8.6	Activity	7.8
12 days ago	Latest Commit	16 days ago
TypeScript	Language	JavaScript
The Unlicense	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.

use-media

Posts with mentions or reviews of use-media. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-08-21.

Proper way to do not render an element in React on different tailwind's breakpoints
1 project | /r/tailwindcss | 27 Apr 2023

not react, but i did something similar in svelte: https://github.com/afreidz/t9r/blob/bca2a25c031204b107e5b7013b4306ac961b2420/frontend/src/lib/theme.ts#L3 the key being resolveConfig ... i used this lib on a react project to add those TW values into a hook for conditional rendering: https://github.com/streamich/use-media
Top 10 Awesome React Hooks Libraries
15 projects | dev.to | 21 Aug 2022

Github
Awesome Things Related To React Hooks 😍
46 projects | dev.to | 23 Sep 2021

use-media - useMedia React hook to track CSS media query state
Top 10 React Hooks Library
8 projects | dev.to | 20 Jun 2021

Have you ever faced the issue of managing CSS media query? useMedia hook simplified this problem in a line of code. It's a sensory hook which tracks the state of CSS media query and helps you to design & develop responsiveness apps.

react-slick

Posts with mentions or reviews of react-slick. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-04-02.

React Carousel that allows for variable height and vertically scrollable content
3 projects | /r/react | 2 Apr 2023

1 - React Alice Carousel : https://github.com/maxmarinich/react-alice-carousel 2 - React Slick : https://react-slick.neostack.com/ 3 - React Responsive Carousel : https://www.npmjs.com/package/react-responsive-carousel
Trying to remember the name of a library...
7 projects | /r/reactjs | 29 Mar 2023
Need help with intersection observor
1 project | /r/Frontend | 3 Mar 2023

No, we have a bug in slick slider, This issue is quite common and no solution yet. https://github.com/akiran/react-slick/issues/540
Best Carlousel library for React?
4 projects | /r/reactjs | 22 Oct 2022
Hey! I just started coding in react, and I love it, but I would really appreciate some help.
2 projects | /r/react | 1 Oct 2022
Best NPM Package for React.js
18 projects | dev.to | 21 Jun 2022

https://www.npmjs.com/package/react-slick (I personally use it)
React Slick Slider with Delete functionality
1 project | dev.to | 14 Jun 2022

Sliders are one of the most common and widely used ways to display images in our web applications. There are many packages that allow us to make use of pre-built sliders and make our websites beautiful. Today, I will discuss the react-slick-carousel over here and display the images using react slick carousel, also we will create a delete button with each image allowing user to delete the image on the fly. You can read further documentation related to react-slick-slider here
25 React component libraries you just might need for your next project!
19 projects | dev.to | 31 May 2022

react-slick React carousel component.
TypeError: Cannot read property 'userAgent' of undefined
1 project | /r/codehunter | 28 Apr 2022

I am trying to integrate react-slick slider into my ReactJS application.
What do you use for a Slider / Carousel on a Product Page?
1 project | /r/reactjs | 9 Apr 2022

I haven't used a carousel library in long time but maybe https://github.com/akiran/react-slick will help you

What are some alternatives?

When comparing use-media and react-slick you can also consider the following projects:

local-storage - React hook which syncs localStorage[key] with the comp.

Swiper - Most modern mobile touch slider with hardware accelerated transitions

use-http - 🐶 React hook for making isomorphic http requests

react-responsive-carousel - React.js Responsive Carousel (with Swipe)

react-chartjs-2 - React components for Chart.js, the most popular charting library

react-awesome-slider - React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱

antd - An enterprise-class UI design language and React UI library

keen-slider - The HTML touch slider carousel with the most native feeling you will get.

constate - React Context + State

React-Use-Smooth-Scroll - React Provider Component to add a smooth scroll effect 😍

chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications

accessible-slick - the last (accessible) carousel you'll ever need.