State Streams and React — Medium

  • Each connected component is forced to shallow compare in the shouldComponentUpdate lifecycle method because it doesn’t know if it just received a state update which is relevant or not.
  • The above gives us two action streams that we can use to reduce state with.
  • A state stream is effectively the result of reducing a stream of actions.
  • As mentioned before, the two core building blocks of a module’s state stream is its action stream and its reducer (of said action stream).
  • Accessing State in Action Streams

Read the full article, click here.


@MarkusCtz: “Why RxJS is the Better Tool for Unidirectional Data Flow: @christianalfoni @BenLesh @dan_abramov #reactjs #redux #rx”


Why RxJS is the Better Tool for Unidirectional Data Flow


State Streams and React — Medium

Releasing Reindex, the GraphQL backend as a service

Releasing Reindex, the GraphQL backend as a service:  #ReactJS

  • Reindex is the first backend as a service with GraphQL built in its core.
  • Releasing Reindex, the GraphQL backend as a service
  • Developers, we have exciting news to share today: we’re launching Reindex to the world!
  • You can sign up on our website to start a free trial and immediately start building apps with Reindex.
  • There was finally a solution to the problems we had faced with synchronizing state between the client-side app and the backend and we wanted to build a BaaS that would make it super easy to spin up a GraphQL server for our projects.

Read the full article, click here.


@ReactiveConf: “Releasing Reindex, the GraphQL backend as a service: #ReactJS”


Developers, we have exciting news to share today: we’re launching Reindex to the
world! Over the past few months we’ve been inviting developers to try Reindex,
and developing it based on the great feedback we’ve received from the
participants of the private beta.


Releasing Reindex, the GraphQL backend as a service

Ron Watson, VP Product Management, Centric Software

#AngularJS #ReactJS #Docker #Bootstrap Chk out @Synerzip’s role in #PLM with @Centric_PLM at

  • Synerzip’s Role – Most of the engineering front for Centric is developed by Synerzip which includes all the new development on new products.
  • New products, which mainly focus on latest technology stacks, are executed under Innovation Labs.
  • Synerzip is also developing other products/services for Centric such as Product Catalog Portal and Headless PDF Service.
  • Centric is now moving to Cloud and this development is carried out by developing their SAAS Platform.
  • About Client – Centric Software is a leading provider of product lifecycle management (PLM) solutions for the fashion, luxury and consumer goods industries.

Read the full article, click here.


@Synerzip: “#AngularJS #ReactJS #Docker #Bootstrap Chk out @Synerzip’s role in #PLM with @Centric_PLM at”


Centric Software – Ron Watson, VP Product Management Technologies – AngularJS, NodeJS, ReactJS, React Native, Bootstrap, JAVA Spring Boot, Spring Cloud, Do


Ron Watson, VP Product Management, Centric Software

Introducing Realm React Native

Introducing Realm #ReactJS Native – a replacement for SQLite and AsyncStorage:

  • Realm’s primary focus has always been ease of use, and as you can see from the samples above, Realm React Native is no different.
  • Realm React Native is much better because of their input, & we are honored to launch Realm React Native at React Conf 2016 !
  • Realm React Native itself has been used by TaskRabbit in production since December 2015 .
  • Realm React Native is built in the open on GitHub .
  • Tests conducted on February 19, 2016, using the latest versions available of Realm, React Native SQLite Storage for SQLite, and React Native Store for AsyncStorage.

Read the full article, click here.


@ReactiveConf: “Introducing Realm #ReactJS Native – a replacement for SQLite and AsyncStorage:”


Today at Facebook’s React.js Conference, we’re launching a new Realm mobile database built specifically for React Native. It offers easy object persistence and full query capabilities, with a performance profile that’s usually 2–10x faster than existing options. Like the other editions of Realm, it is designed from the ground up to enable reactive app development, with live objects, change events, and support for unidirectional data flows.


Introducing Realm React Native

A look at Relay and Apollo — Front-end developer — Medium

Take a look at Relay and Apollo:  #ReactJS

  • I am going to scaffold a Relay component and an Apollo component.
  • Now that we’ve scaffolded the component with Relay, let’s do it with Apollo.
  • Once again, much like Redux root components we’ll setup a Provider and render our component.
  • We then need to build a “Root Query” for the “Root Container” in Relay.
  • So in the Relay world, we need to export a “container”, essentially a specific Relay wrapper around our components.

Read the full article, click here.


@ReactiveConf: “Take a look at Relay and Apollo: #ReactJS”


Let’s keep this post simple. I am going to scaffold a Relay component and an Apollo component. The goal here is to understand how each are…


A look at Relay and Apollo — Front-end developer — Medium

React.js + Redux stationary training

We now offer React.js + Redux stationary trainings!

  • Attendant can test React components using Enzyme library.
  • Attendant can create a data flow of the basic application using Redux.
  • Attendant can use the root component approach to create dynamic interfaces without any supportive libraries.
  • Attendant can use basic strategies of using React.js with other technologies – like JavaScript frameworks.
  • Attendant understands how middlewares work and can use it to communicate with backend using Redux-Thunk.

Read the full article, click here.


@andrzejkrzywda: “We now offer React.js + Redux stationary trainings!”


Hi, we’re Arkency and it’s our blog with meaty content.


React.js + Redux stationary training

Using Native SDKs and Libraries in React Native

Using native SDKs and libraries with #React Native

  • Most of the time, these are only available in their native version, and only accessible as Objective-C or Swift libraries in the case of iOS apps or as Java Classes for Android apps.
  • Step 2: Call our bridge from our React Native code.
  • Step 1: Create two native files for our bridge.
  • An Objective-C class is made out of two files, a .m and a .h, holding the module implementation and the header for this module respectively.
  • When building an app in React Native we may end up needing to use third-party SDKs or libraries.

Read the full article, click here.


@PacktPub: “Using native SDKs and libraries with #React Native”


Using Native SDKs and Libraries in React Native written by Emilio Rodriguez: one of the many blog articles from Packt Publishing


Using Native SDKs and Libraries in React Native