Introducing Provider, implements #53 by mweststrate · Pull Request #65 · mobxjs/mobx-react · GitHub

  • mweststrate commented on the diff Jun 21, 2016
  • Mweststrate referenced the pull request Jun 21, 2016
  • + `Provider` is a component that can stores (or other stuff) on React’s context.
  • Sign up for free to join this conversation on GitHub .
  • mweststrate wants to merge 7 commits into master from provider

Read the full article, click here.


@mweststrate: “Most requested feature: mobx-react Provider + connect mechanism is coming!
#MobX #reactjs”


mobx-react – React bindings for MobX


Introducing Provider, implements #53 by mweststrate · Pull Request #65 · mobxjs/mobx-react · GitHub

Component Based Architecture — Medium

Why component-based architecture matters:   #ReactJS #AnglarJS

  • I’ll drop a very simple demonstration of a component I used to keep my code base DRY .
  • Like Fragments, Components are designed like feedback control systems with some minor modifications.
  • You have data automatically updated in your View from your Controller s via your model (scoped variables) eliminating the DOM referencing.
  • All you’ need to do is reference the scoped variables required by the View, while the other variables are left to fly.
  • Components are self-contained View s and C ontroller s that get their data from triggered events or as inherited property from their parent Component .

Read the full article, click here.


@ReactiveConf: “Why component-based architecture matters: #ReactJS #AnglarJS”


As implemented in ReactJS, Vue JS and Angularjs 2.


Component Based Architecture — Medium

How to use Immutable.js Records with React and Redux — Azendoo Team — Medium

How to use Immutable.js Records with #ReactJS and Redux

  • We can create a container to present our data and connect it to our application state.
  • export a clear type for each model;
  • As we continue to improve our app, we struggled with the lack of consistency in our models, even if they were immutable.
  • If we mess up with the TaskListItem component, a clear message will pop up in our console.

Read the full article, click here.


@ReactiveConf: “How to use Immutable.js Records with #ReactJS and Redux”


It’s the small things that change your product. React and Flux can be small things, but using them has changed our product like we could…


How to use Immutable.js Records with React and Redux — Azendoo Team — Medium

Automating documentation for your React components — Boyney

Automate documentation for your #ReactJS components:

  • Using the information we could visually show our components in use, our component props details and our components description.
  • Component will come back to us as a string and not a React component.
  • In the example componentDocs will hold the components documentation as a JSON object .
  • The Object holds all the props we defined in the component.
  • Basic React application that renders component documentation

Read the full article, click here.


@ReactiveConf: “Automate documentation for your #ReactJS components:”


In this post we will cover why you might need to document your components and how you can easily achieve this with React…


Automating documentation for your React components — Boyney

Thinking in React

Thinking in @reactjs with a bunch of @jsfiddle examples –

  • Use the props to filter the rows in ProductTable and set the values of the form fields in SearchBar .
  • Step 1: Break the UI into a component hierarchy #
  • Find a common owner component (a single component above all the components that need the state in the hierarchy).
  • If you’re familiar with the concept of state , don’t use state at all to build this static version.
  • If you can’t find a component where it makes sense to own the state, create a new component simply for holding the state and add it somewhere in the hierarchy above the common owner component.

Read the full article, click here.


@oskar: “Thinking in @reactjs with a bunch of @jsfiddle examples –”


React is, in my opinion, the premier way to build big, fast Web apps with JavaScript. It has scaled very well for us at Facebook and Instagram.


Thinking in React