Software Alternatives, Accelerators & Startups

Redux.js VS Draggable JS

Compare Redux.js VS Draggable JS and see what are their differences

Redux.js logo Redux.js

Predictable state container for JavaScript apps

Draggable JS logo Draggable JS

A lightweight, responsive, modern drag-and-drop library (by Shopify)
  • Redux.js Landing page
    Landing page //
    2022-07-17
  • Draggable JS Landing page
    Landing page //
    2019-09-13

Redux.js features and specs

  • Predictable State Management
    Redux provides a single source of truth for the state of your application, which makes it easier to manage and debug. The state changes in a predictable way, which helps in maintaining consistency across the application.
  • Ecosystem and Community
    Redux has a large community and a rich ecosystem of middleware, development tools, and libraries. This support can accelerate development and troubleshooting.
  • Time-Travel Debugging
    With tools like Redux DevTools, developers can leverage features such as action logging, hot-reloading, and time-travel debugging, helping to understand and trace state changes effectively.
  • Middleware Support
    Redux supports middleware that lets you intercept actions and perform side effects like API calls, logging, or modifying actions before they reach reducers. This makes handling asynchronous operations more manageable.
  • Compatibility with React
    Although Redux can be used with any front-end library or framework, it pairs particularly well with React. Libraries like React-Redux offer seamless integration, making it easier to bind React components to the Redux store.

Possible disadvantages of Redux.js

  • Boilerplate Code
    Redux often requires a significant amount of boilerplate code, including actions, reducers, and store configuration. This may result in more verbose code, especially for simple applications.
  • Learning Curve
    Understanding the principles of Redux, such as actions, reducers, and the store, along with concepts like immutability and pure functions, can be challenging for beginners.
  • Performance Overhead
    Due to its strict immutability principles and the frequent creation of new state objects, Redux can introduce performance overhead, especially in large applications with complex state management needs.
  • Rigid Structure
    While the rigid structure of Redux can enforce good practices, it can also be restrictive and inflexible for certain types of applications. Developers might find it cumbersome to work within the boilerplate constraints.
  • Not Always Necessary
    For simple or small applications, the complexity that Redux introduces can be overkill. In such cases, alternatives like the Context API in React or simpler state management solutions might be more appropriate.

Draggable JS features and specs

No features have been listed yet.

Category Popularity

0-100% (relative to Redux.js and Draggable JS)
Javascript UI Libraries
JS Library
100 100%
0% 0
Development Tools
0 0%
100% 100
Front-End Frameworks
100 100%
0% 0

User comments

Share your experience with using Redux.js and Draggable JS. For example, how are they different and which one is better?
Log in or Post with

Social recommendations and mentions

Based on our record, Redux.js seems to be a lot more popular than Draggable JS. While we know about 189 links to Redux.js, we've tracked only 5 mentions of Draggable JS. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Redux.js mentions (189)

  • Very Basic - Redux
    If you need more in depth information check out the documentation. https://redux.js.org/ It's actually pretty great. - Source: dev.to / 10 days ago
  • Architecture and Design Patterns in Front-End
    In frontend, the most probably well-known approach is Flux and its most common implementation, Redux. This is an example of unidirectional data flow. - Source: dev.to / 18 days ago
  • Organisation of Data Flows
    The best known example of an architecture with unidirectional data flow is Flux and, as its implementation, Redux. - Source: dev.to / about 1 month ago
  • Valentine’s Day Breakup: React Dumps Create React App
    CRA makes integrating libraries like Redux and React Router easy without requiring complex Webpack and Babel configurations. - Source: dev.to / about 2 months ago
  • UmiJS: the Shaolin of web frameworks
    Dva. A plugin-based state management solution (Redux + Sagas). Also quite popular in narrow communities outside of the Umi world. - Source: dev.to / about 2 months ago
View more

Draggable JS mentions (5)

  • Ruby on Rails #119 Trello Clone. Advanced Drag and Drop Sortable Lists with Hotwire
    Last time I did this a few years ago with jquery-ui-sortable: https://blog.corsego.com/ruby-on-rails-sexy-basic-trello-clone. I haven't tried doing this with any other modern drag-and-drop libraries, but I think my next go-to would be https://shopify.github.io/draggable/. Source: about 2 years ago
  • Konsta UI – Mobile UI Components Built with TailwindCSS
    My startup team is working on a new project and elected Tailwind this week. Konsta looks like a great fit as we want to work well on mobile. Wondering if there are plans to add a grid system and/or drag+drop? We're looking to implement an Instagram like grid of cards and currently using DraggableJS https://shopify.github.io/draggable. Having an integrated solution would help us avoid haphazard glue code. - Source: Hacker News / about 2 years ago
  • Drag & drop in Svelte. Hunting for libs
    Draggable has the... Funkiest examples btw. Like 3D dragging funky. Source: about 2 years ago
  • How to create a Drag and Drop quiz like this?
    For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/. Source: over 2 years ago
  • Creating Movable/Draggable Images In Shopify
    Https://shopify.github.io/draggable/ I found this library from Shopify that might point him in the right direction if he wants to use a library. Source: about 4 years ago

What are some alternatives?

When comparing Redux.js and Draggable JS, you can also consider the following products

React - A JavaScript library for building user interfaces

react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React - atlassian/react-beautiful-dnd

react-context - Context provides a way to pass data through the component tree without having to pass props down manually at every level.

Dragula - A drag and drop library for developers

Next.js - A small framework for server-rendered universal JavaScript apps

Uppy - The next open source file uploader for web browsers