Alternatives to react-state-rxjs logo

Alternatives to react-state-rxjs

Redux, vuex, MobX, redux-saga, and redux-thunk are the most popular alternatives and competitors to react-state-rxjs.
0
9
+ 1
0

What is react-state-rxjs and what are its top alternatives?

It is RxJS and ImmutableJs powered nested state management for React applications inspired by @ngrx/store. It is simple, fast, reliable and no boilerplate.
react-state-rxjs is a tool in the State Management Library category of a tech stack.
react-state-rxjs is an open source tool with 10 GitHub stars and 1 GitHub forks. Here’s a link to react-state-rxjs's open source repository on GitHub

Top Alternatives of react-state-rxjs

react-state-rxjs alternatives & related posts

related Redux posts

Johnny Bell
Johnny Bell
Senior Software Engineer at StackShare · | 64 upvotes · 702.9K views

I was building a personal project that I needed to store items in a real time database. I am more comfortable with my Frontend skills than my backend so I didn't want to spend time building out anything in Ruby or Go.

I stumbled on Firebase by #Google, and it was really all I needed. It had realtime data, an area for storing file uploads and best of all for the amount of data I needed it was free!

I built out my application using tools I was familiar with, React for the framework, Redux.js to manage my state across components, and styled-components for the styling.

Now as this was a project I was just working on in my free time for fun I didn't really want to pay for hosting. I did some research and I found Netlify. I had actually seen them at #ReactRally the year before and deployed a Gatsby site to Netlify already.

Netlify was very easy to setup and link to my GitHub account you select a repo and pretty much with very little configuration you have a live site that will deploy every time you push to master.

With the selection of these tools I was able to build out my application, connect it to a realtime database, and deploy to a live environment all with $0 spent.

If you're looking to build out a small app I suggest giving these tools a go as you can get your idea out into the real world for absolutely no cost.

See more

I'm working as one of the engineering leads in RunaHR. As our platform is a Saas, we thought It'd be good to have an API (We chose Ruby and Rails for this) and a SPA (built with React and Redux ) connected. We started the SPA with Create React App since It's pretty easy to start.

We use Jest as the testing framework and react-testing-library to test React components. In Rails we make tests using RSpec.

Our main database is PostgreSQL, but we also use MongoDB to store some type of data. We started to use Redis  for cache and other time sensitive operations.

We have a couple of extra projects: One is an Employee app built with React Native and the other is an internal back office dashboard built with Next.js for the client and Python in the backend side.

Since we have different frontend apps we have found useful to have Bit to document visual components and utils in JavaScript.

See more
vuex logo

vuex

735
595
3
735
595
+ 1
3
Centralized State Management for Vue.js.
vuex logo
vuex
VS
react-state-rxjs logo
react-state-rxjs

related vuex posts

Simon Reymann
Simon Reymann
Senior Fullstack Developer at QUANTUSflow Software GmbH · | 16 upvotes · 65K views

Our whole Vue.js frontend stack (incl. SSR) consists of the following tools:

  • Nuxt.js consisting of Vue CLI, Vue Router, vuex, Webpack and Sass (Bundler for HTML5, CSS 3), Babel (Transpiler for JavaScript),
  • Vue Styleguidist as our style guide and pool of developed Vue.js components
  • Vuetify as Material Component Framework (for fast app development)
  • TypeScript as programming language
  • Apollo / GraphQL (incl. GraphiQL) for data access layer (https://apollo.vuejs.org/)
  • ESLint, TSLint and Prettier for coding style and code analyzes
  • Jest as testing framework
  • Google Fonts and Font Awesome for typography and icon toolkit
  • NativeScript-Vue for mobile development

The main reason we have chosen Vue.js over React and AngularJS is related to the following artifacts:

  • Empowered HTML. Vue.js has many similar approaches with Angular. This helps to optimize HTML blocks handling with the use of different components.
  • Detailed documentation. Vue.js has very good documentation which can fasten learning curve for developers.
  • Adaptability. It provides a rapid switching period from other frameworks. It has similarities with Angular and React in terms of design and architecture.
  • Awesome integration. Vue.js can be used for both building single-page applications and more difficult web interfaces of apps. Smaller interactive parts can be easily integrated into the existing infrastructure with no negative effect on the entire system.
  • Large scaling. Vue.js can help to develop pretty large reusable templates.
  • Tiny size. Vue.js weights around 20KB keeping its speed and flexibility. It allows reaching much better performance in comparison to other frameworks.
See more
Tim Nolet
Tim Nolet
Founder, Engineer & Dishwasher at Checkly · | 11 upvotes · 47K views

Vue.js Intercom JavaScript Node.js vuex Vue Router

My SaaS recently switched to Intercom for all customer support and communication. To get the most out of Intercom, you need to integrate it with your app. This means instrumenting some code and tweaking some bits of your app's navigation. Checkly is a 100% Vue.js app, so in this post we'll look at the following:

  • Identifying a user with some handy attributes
  • Getting page views right with Vue Router
  • Sending events with Vuex
  • Some nice things you can now do in Intercom

After finishing this integration, you can actively segment your customers into trial, lapsed, active etc. etc.

See more

related MobX posts

Dan Robinson
Dan Robinson

The front end for Heap begun to grow unwieldy. The original jQuery pieces became difficult to maintain and scale, and a decision was made to introduce Backbone.js, Marionette, and TypeScript. Ultimately this ended up being a “detour” in the search for a scalable and maintainable front-end solution. The system did allow for developers to reuse components efficiently, but adding features was a difficult process, and it eventually became a bottleneck in advancing the product.

Today, the Heap product consists primarily of a customer-facing dashboard powered by React, MobX, and TypeScript on the front end. We wrote our migration to React and MobX in detail last year here.

#JavascriptUiLibraries #Libraries #JavascriptMvcFrameworks #TemplatingLanguagesExtensions

See more
Gianluca Bargelli
Gianluca Bargelli

We started rebuilding our dashboard components using React from AngularJS over 3 years ago and, in order to have predictable client-side state management we introduced Redux.js inside our stack because of the popularity it gained inside the JavaScript community; that said, the number of lines of codes needed to implement even the simplest form was unnecessarily high, from a simple form to a more complex component like our team management page.

By switching our state management to MobX we removed approximately 40% of our boilerplate code and simplified our front-end development flow, which in the ends allowed us to focus more into product features rather than architectural choices.

See more
redux-saga logo

redux-saga

286
220
4
286
220
+ 1
4
An alternative side effect model for Redux apps
redux-saga logo
redux-saga
VS
react-state-rxjs logo
react-state-rxjs

related redux-saga posts

We had contemplated a long time which #JavascriptMvcFrameworks to use, React and React Native vs AngularJS and Apache Cordova in both web and mobile. Eventually we chose react over angular since it was quicker to learn, less code for simple apps and quicker integration of third party javascript modules. for the full MVC we added Redux.js for state management and redux-saga for async calls and logic. since we also have mobile app along with the web, we can shere logic and model between web and mobile.

See more

Choosing redux-saga for my async Redux.js middleware, for a React application, instead of the typical redux-thunk .

Redux-saga is much easier to test than Redux-thunk - it requires no module mocking at all. Converting from redux-thunk to redux-saga is easy enough, as you are only refactoring the action creators - not your redux store or your react components. I've linked a github repo that shows the same solution with both, including Jest tests.

See more
redux-thunk logo

redux-thunk

130
95
0
130
95
+ 1
0
Thunk middleware for Redux
    Be the first to leave a pro
    redux-thunk logo
    redux-thunk
    VS
    react-state-rxjs logo
    react-state-rxjs

    related redux-thunk posts

    Choosing redux-saga for my async Redux.js middleware, for a React application, instead of the typical redux-thunk .

    Redux-saga is much easier to test than Redux-thunk - it requires no module mocking at all. Converting from redux-thunk to redux-saga is easy enough, as you are only refactoring the action creators - not your redux store or your react components. I've linked a github repo that shows the same solution with both, including Jest tests.

    See more

    For async requests in React I use redux-saga , to my opinion it is the most organized framework for async requests, it is clearer then redux-thunk and conforms to the style of Redux.js which results in a more structured project, especially in large web applications. #redux-saga

    See more
    reselect logo

    reselect

    43
    16
    0
    43
    16
    + 1
    0
    Selector library for Redux
      Be the first to leave a pro
      reselect logo
      reselect
      VS
      react-state-rxjs logo
      react-state-rxjs
      Redux Observable logo

      Redux Observable

      30
      19
      0
      30
      19
      + 1
      0
      A powerful middleware for Redux using RxJS
        Be the first to leave a pro
        Redux Observable logo
        Redux Observable
        VS
        react-state-rxjs logo
        react-state-rxjs
        Effector logo

        Effector

        11
        10
        7
        11
        10
        + 1
        7
        Multi-store state manager for Javascript apps
        Effector logo
        Effector
        VS
        react-state-rxjs logo
        react-state-rxjs