Interview of @matheusml about #redux zero, a light state management solution for #reactjs

  • Redux Zero is a library which offers a simple way to handle state in modern applications.
  • With Redux Zero your component can focus 100% on the UI and just call the actions to update the state: – – Last but not least, plug the whole thing in your index file: – – Redux is great, but in some cases, it’s way too much.
  • With Redux Zero you just have a store and some actions.
  • One of our developers here at Concrete, Miguel Albernaz, was using this gist as a state management solution instead of Redux.
  • Redux Zero is one of the lightest state management solutions I’ve seen so far.

Although using Redux is straight-forward once you understand the approach and its nuances, after a while it gets repetitive. It’s easy to end up with a lot of “boilerplate” code that wires all the logic together. For this reason, multiple solutions addressing the issue have appeared.
Continue reading “Interview of @matheusml about #redux zero, a light state management solution for #reactjs”

Implementing feature flags in single page apps, using React and Redux Saga

  • The challenge with feature flagging single page apps is handling the state transformations (the changes in a webpage’s DOM) in a way that maintains performance and a fluid user experience.
  • With the help of React Router, creating a single page application can be a very quick and easy process, allowing developers to minimize risk and test features without degrading the user experience.
  • The user-type feature flag controls the content that is displaying depending on the group of current logged in user, while header-bar-color returns a hex code to toggle the color of the navigation bar.
  • Once the client is ready, the effect will send the action off to our reducer, to store the client and current feature flag state in props.
  • There are many ways to feature flag within a single page app, depending on your case and the complexity of your features.

Built on frameworks like React, Angular, and Ember, single page apps (SPA) are becoming the new norm for modern applications. They center around dynamically updating a single HTML page via AJAX and HTML5 to deliver a more fluid and faster user experience. This introduces some new complexity when it comes to controlling access to front-end features, specifically via feature flags.
Continue reading “Implementing feature flags in single page apps, using React and Redux Saga”

React Native animations revisited — Part III – Blog @ Callstack.io

  • I hope that makes all the stuff related to animations a bit easier for you.
  • If we want to respond to screen gestures, and apply some animation as well (ie.
  • Now we only need to clear responder when unmounting component, and attach animation styles (which we already know!
  • First two functions are just used to ask to be responder, onPanResponderGrant() is invoked when responder is granted to our component, onPanResponderMove() is called every time component moves, and in onPanResponderRelease() you can tell what to do after finger is released.
  • React Native animations revisited – Part III

Animations are really important part of modern applications. But sometimes animation is not enough. If we want to respond to screen gestures, and apply some animation as well (ie. create drag and…
Continue reading “React Native animations revisited — Part III – Blog @ Callstack.io”

GraphQL in 2016: A Growing Ecosystem — Building Apollo — Medium

GraphQL in 2016: A growing ecosystem  #ReactJS

  • As the team at Apollo Stack has been working with GraphQL to build a data stack for modern applications, we’ve run into more and more people who are excited about what GraphQL has to offer – whether they’re using it in their products or extending it with tooling of their own.
  • Make It Open – a series of tutorials on what a real app looks like if you’re using multiple projects from the GraphQL ecosystem together, based on the F8 conference app.
  • Sashko followed with a talk about how Apollo Client makes it easy to build a full stack app using GraphQL.
  • The first talk came from Syrus Akbary, who created Graphene , a library that lets you use GraphQL in Python.
  • Not only did we get a look into where each individual project is going, but we got everyone together afterwards for a panel to discuss the past, present and future of GraphQL’s community.

Read the full article, click here.


@ReactiveConf: “GraphQL in 2016: A growing ecosystem #ReactJS”


Videos from our first meetup.


GraphQL in 2016: A Growing Ecosystem — Building Apollo — Medium