Alternatives to ng-state logo

Alternatives to ng-state

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

What is ng-state and what are its top alternatives?

RxJS and ImmutableJs powered nested state management for Angular 2+ applications inspired by @ngrx/store. It is simple, fast, reliable with no boilerplate.
ng-state is a tool in the State Management Library category of a tech stack.
ng-state is an open source tool with 7 GitHub stars and 2 GitHub forks. Here鈥檚 a link to ng-state's open source repository on GitHub

ng-state alternatives & related posts

related Redux posts

Johnny Bell
Johnny Bell
Senior Software Engineer at StackShare | 48 upvotes 318.3K views
Firebase
Firebase
React
React
Redux
Redux
styled-components
styled-components
Netlify
Netlify
Gatsby
Gatsby
GitHub
GitHub
#ReactRally
#Frontend
#Google

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
Johnny Bell
Johnny Bell
Senior Software Engineer at StackShare | 16 upvotes 316.4K views
React
React
JavaScript
JavaScript
LogRocket
LogRocket
Sentry
Sentry
Bugsnag
Bugsnag
Redux
Redux
#OpenSource
#Chrome
#OpenSorce
#ErrorBoundry

For my portfolio websites and my personal OpenSource projects I had started exclusively using React and JavaScript so I needed a way to track any errors that we're happening for my users that I didn't uncover during my personal UAT.

I had narrowed it down to two tools LogRocket and Sentry (I also tried Bugsnag but it did not make the final two). Before I get into this I want to say that both of these tools are amazing and whichever you choose will suit your needs well.

I firstly decided to go with LogRocket the fact that they had a recorded screen capture of what the user was doing when the bug happened was amazing... I could go back and rewatch what the user did to replicate that error, this was fantastic. It was also very easy to setup and get going. They had options for React and Redux.js so you can track all your Redux.js actions. I had a fairly large Redux.js store, this was ended up being a issue, it killed the processing power on my machine, Chrome ended up using 2-4gb of ram, so I quickly disabled the Redux.js option.

After using LogRocket for a month or so I decided to switch to Sentry. I noticed that Sentry was openSorce and everyone was talking about Sentry so I thought I may as well give it a test drive. Setting it up was so easy, I had everything up and running within seconds. It also gives you the option to wrap an errorBoundry in React so get more specific errors. The simplicity of Sentry was a breath of fresh air, it allowed me find the bug that was shown to the user and fix that very simply. The UI for Sentry is beautiful and just really clean to look at, and their emails are also just perfect.

I have decided to stick with Sentry for the long run, I tested pretty much all the JS error loggers and I find Sentry the best.

See more
vuex logo

vuex

559
426
0
559
426
+ 1
0
Centralized State Management for Vue.js.
    Be the first to leave a pro
    vuex logo
    vuex
    VS
    ng-state logo
    ng-state

    related vuex posts

    Rails
    Rails
    Sidekiq
    Sidekiq
    PostgreSQL
    PostgreSQL
    Redis
    Redis
    MongoDB
    MongoDB
    Vue.js
    Vue.js
    vuex
    vuex
    jQuery
    jQuery
    React
    React
    Redux
    Redux
    Yarn
    Yarn
    #Bulma.io
    #Font-awesome

    I'm building a new process management tool. I decided to build with Rails as my backend, using Sidekiq for background jobs. I chose to work with these tools because I've worked with them before and know that they're able to get the job done. They may not be the sexiest tools, but they work and are reliable, which is what I was optimizing for. For data stores, I opted for PostgreSQL and Redis. Because I'm planning on offering dashboards, I wanted a SQL database instead of something like MongoDB that might work early on, but be difficult to use as soon as I want to facilitate aggregate queries.

    On the front-end I'm using Vue.js and vuex in combination with #Turbolinks. In effect, I want to render most pages on the server side without key interactions being managed by Vue.js . This is the first project I'm working on where I've explicitly decided not to include jQuery . I have found React and Redux.js more confusing to setup. I appreciate the opinionated approach from the Vue.js community and that things just work together the way that I'd expect. To manage my javascript dependencies, I'm using Yarn .

    For CSS frameworks, I'm using #Bulma.io. I really appreciate it's minimal nature and that there are no hard javascript dependencies. And to add a little spice, I'm using #font-awesome.

    See more

    related MobX posts

    Gianluca Bargelli
    Gianluca Bargelli
    React
    React
    AngularJS
    AngularJS
    Redux
    Redux
    MobX
    MobX

    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
    Johnny Bell
    Johnny Bell
    Senior Software Engineer at StackShare | 9 upvotes 139.6K views
    atStackShareStackShare
    jQuery
    jQuery
    React
    React
    ES6
    ES6
    JavaScript
    JavaScript
    MobX
    MobX
    GraphQL
    GraphQL
    Apollo
    Apollo
    #Hooks馃帲
    #Context

    We are always building new features and replacing old code at StackShare. Lately we have been building out new features for the frontend, and removing a lot of old jQuery code (sorry jQuery but it's time to go).

    We've mainly been using React, ES6 and JavaScript on the frontend to build out the components, and we've been slowly removing some legacy MobX and using GraphQL and Apollo for our state management, if we need to control state further than GraphQL and Apollo allows us to we use just plain React with #context , or the new fancy React #hooks馃帲 .

    As we've moved towards the above tech, its really made smashing out new features and updating legacy code super fast, and really fun!

    See more
    redux-saga logo

    redux-saga

    245
    157
    4
    245
    157
    + 1
    4
    An alternative side effect model for Redux apps
    redux-saga logo
    redux-saga
    VS
    ng-state logo
    ng-state

    related redux-saga posts

    React
    React
    Redux
    Redux
    AngularJS
    AngularJS
    React Native
    React Native
    redux-saga
    redux-saga
    Apache Cordova
    Apache Cordova
    #JavascriptMvcFrameworks

    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
    redux-saga
    redux-saga
    Redux
    Redux
    React
    React
    redux-thunk
    redux-thunk
    Jest
    Jest

    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

    115
    60
    0
    115
    60
    + 1
    0
    Thunk middleware for Redux
      Be the first to leave a pro
      redux-thunk logo
      redux-thunk
      VS
      ng-state logo
      ng-state

      related redux-thunk posts

      redux-saga
      redux-saga
      Redux
      Redux
      React
      React
      redux-thunk
      redux-thunk
      Jest
      Jest

      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
      React
      React
      redux-saga
      redux-saga
      redux-thunk
      redux-thunk
      Redux
      Redux
      #Redux-saga

      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

      37
      13
      0
      37
      13
      + 1
      0
      Selector library for Redux
        Be the first to leave a pro
        reselect logo
        reselect
        VS
        ng-state logo
        ng-state
        Redux Observable logo

        Redux Observable

        25
        9
        0
        25
        9
        + 1
        0
        A powerful middleware for Redux using RxJS
          Be the first to leave a pro
          Redux Observable logo
          Redux Observable
          VS
          ng-state logo
          ng-state
          Unstated logo

          Unstated

          7
          9
          1
          7
          9
          + 1
          1
          State so simple, it goes without saying
          Unstated logo
          Unstated
          VS
          ng-state logo
          ng-state