My Simple React Tutorial. – Jeffrey Doyle – Medium

My Simple React Tutorial.  #webdevelopment #react #reactjs #javascript #apps #reactjs

  • In this case, a state object might look like:state = {currentTime {hour: 0, minute: 0, second: 0}, alarms: [], timeZone: ‘PST’}Say again that you’re creating a component which represents a list of items stored in a table.
  • In this case you’re going to want to store the items in the list, maybe the size of the list, and also the label the list has all inside that components state.
  • Now some developers will say that i’m storing too much inside my state object, but personally I like to keep all of the relevant data to my component inside that components state.
  • Lets explore our example of the list of items component and see what it might look like:As you can see, the state is where all of our data is stored inside our component.
  • When addItem is called and it performs the setState function on the component, the components state will change, and thus trigger the component to re-render according to the new state object, thus including the new item in the list.

React is one of the most powerful Javascript frameworks around right now, this tutorial will introduce you to React, and tell you why you need to start using it right now. Let’s face it, if you’ve…
Continue reading “My Simple React Tutorial. – Jeffrey Doyle – Medium”

Relay 2: Simpler, Faster, More Predictable – ZeeMee Engineering

Relay 2: Simpler, faster, more predictable:  #ReactJS

  • Greg announced Relay 2’s features and design principles.
  • Don’t miss Pete Huitsing’s next story
  • Video: Relay 2 – simpler, faster, and more predictable @ Silicon Valley ReactJS Meetup
  • Relay 2: Simpler, Faster, More Predictable
  • The Silicon Valley ReactJS Meetup recently hosted Greg Hurrell ( wincent ) from Facebook Engineering.

Read the full article, click here.


@ReactiveConf: “Relay 2: Simpler, faster, more predictable: #ReactJS”


The Silicon Valley ReactJS Meetup recently hosted Greg Hurrell (wincent) from Facebook Engineering. Greg announced Relay 2’s features and…


Relay 2: Simpler, Faster, More Predictable – ZeeMee Engineering

Announcing Reactive Trader Cloud

  • Announcing Reactive Trader Cloud
  • Reactive Trader Cloud is a demo client-server FX trading application.
  • To launch Reactive Trader in our demo environment, click .
  • The backend is composed of a set of services which can be scaled, deployed and upgraded independently.
  • Instead of using HTTP, the client connects to the backend using Websockets and since we have a number of services, we decided to use a messaging gateway to act as a broker: this allows the client to establish a single connection to the backend and the broker is used to route messages to the correct service instance or to the correct client.

Read the full article, click here.


@AdaptiveLimited: “Reactive Trader Cloud released, #reactjs front-end, backend on #Kubernetes, all open source!”


In April 2014 we gave a talk at React Conf London on Reactive user interfaces and open-sourced Reactive Trader, a demo app we used to demonstrate the different concepts we highlighted in the talk. The talk was focused on UIs so we put most of our effort into the front-end and built a very simple monolithic backend to simulate the different flows and failure scenarios.


Announcing Reactive Trader Cloud