react-media VS react-elm-components

Compare react-media vs react-elm-components and see what are their differences.

react-media

CSS media queries for React (by ReactTraining)
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
react-media react-elm-components
1 1
2,453 777
0.0% 0.5%
0.0 3.9
over 3 years ago about 2 months ago
JavaScript Elm
MIT License BSD 3-clause "New" or "Revised" 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.

react-media

Posts with mentions or reviews of react-media. We have used some of these posts to build our list of alternatives and similar projects.

We haven't tracked posts mentioning react-media yet.
Tracking mentions began in Dec 2020.

react-elm-components

Posts with mentions or reviews of react-elm-components. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-04-08.
  • Why and How We Retired Elm at Culture Amp
    7 projects | news.ycombinator.com | 8 Apr 2023
    They were considered, I was on the team that considered them. (I work at Culture Amp and at one point was leading the Design System team).

    To be clear: embedding Elm in React is easy (we host the main NPM library for doing so: https://github.com/cultureamp/react-elm-components). But embedding React in Elm is harder, as Elm doesn't give any easy "escape hatches" to interact with native JS code.

    The main opportunity is to use Web Components. Elm knows how to render any HTML component, including `x-my-custom-button`, which could render using React or something else. We looked into options for this, including prototyping https://www.npmjs.com/package/backstitch as a way to embed our React components as Web Components for consumption in Elm. (No open source packages existed to do this at the time).

    We also did quite a deep dive on using Stencil, which has a React-like API, to create web components for both React and Elm - even including publishing new plugins for the ecosystem to generate Elm bindings for your web components. Kevin went into some of the detail for this in the post if you're interested.

What are some alternatives?

When comparing react-media and react-elm-components you can also consider the following projects:

react-children-utilities - Extended utils for ⚛️ React.Children data structure that adds recursive filter, map and more methods to iterate nested children.

react-translate-component - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content.

react-middle-ellipsis - Truncate a long string in the middle, instead of the end.

reactfire - Hooks, Context Providers, and Components that make it easy to interact with Firebase.

react-google-analytics - Google analytics component

elm-react-component

qrcode.react - A <QRCode/> component for use with React.

react-intl-universal - Internationalize React apps. Not only for Component but also for Vanilla JS.

Redux Slim Async - :alien: A Redux middleware to ease the pain of tracking the status of an async action

react-on-rails - Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.

react-famous - React bridge to Famo.us

EVT - 💧EventEmitter's typesafe replacement