Mobx and React intro: syncing the UI with the app state using observable and observer

  • Our actions now consist of simple mutations to our observable state.
  • Exploit the separation of concern by moving all the state out of the components into a separate store or state.
  • Even more important is that we now have established a separation of concern between the observable state and the component that reacts with.
  • There is state marked with observable, and there are components which automatically derive from it, marked by observer.
  • MobX is a general purpose FRP library that provides the means to derive, for example, a React based user interface automatically from the state and keep it synchronized.

Read the full article, click here.


@kentcdodds: “”Mobx and React intro: syncing the UI with the app state” on @eggheadio by @mweststrate #eggheadADay 🆓 #ReactJS ⚛”


Applications are driven by state. Many things, like the user interface, should always be consistent with that state.
[MobX](https://mobxjs.github.io/mobx) is a general purpose FRP library that provides the means to derive, for example, a React based user interface automatically from the state and keep it synchronized.

The net result of this approach is that writing applications becomes really straight-forward and boilerplate free.


Mobx and React intro: syncing the UI with the app state using observable and observer

elm-conf US 2016

  • Elm is a young language and this is its first conference, so everyone you meet will be an elm-conf newbie!
  • elm-conf is a one-day conference focusing on the Elm programming language and its libraries, colocated with Strange Loop .
  • See the Strange Loop prospectus page under “Elm Preconference Sponsorship”.
  • The proposal period is open June 1, 2016 through June 30, 2016, and tickets will go on sale after speakers are announced.
  • If it’s your first time proposing a talk, please don’t feel intimidated.

Read the full article, click here.


@ElmConf: “elm-conf is coming! September 15, 2016 in St. Louis.”


elm-conf is a one-day conference focusing on the Elm programming
language and its libraries, colocated with Strange Loop. It aims to be
a welcoming place for people worldwide to meet one another and learn
about what is happening with the language and community.


elm-conf US 2016

Scaling React.js Applications on Vimeo

  • Spruce up your video page with production stills or random photos from your birthday party.
  • Please enable JavaScript to experience Vimeo in all of its glory.
  • Language: English Mature content filter: None
  • More stuff
  • TM + © 2016 Vimeo, Inc.

Read the full article, click here.


@mxstbr: “✌️ I gave a talk @AtTheFrontend last week about Scaling @Reactjs Applications!

👉”


This is “Scaling React.js Applications” by on Vimeo, the home for high quality videos and the people who love them.


Scaling React.js Applications on Vimeo

29 RNPM & React Native General Discussion with Mike Grabowski of Callstack.io

  • React Native Radio | Episode 29
  • Subscribe to Web Security Warriors
  • 29 RNPM & React Native General Discussion with Mike Grabowski of Callstack.io
  • React Native Radio is a weekly discussion of the tools, techniques, and technologies used to build mobile applications with JavaScript and React done by developers regularly using React Native.
  • Please update your browser or download the episode

Read the full article, click here.


@R_N_Radio: “Episode 29 RNPM, #reactnative consulting, RN Facebook sdk, & more general discussion with @grabbou of Callstack.io”


This player is only available in HTML5 enabled browsers. Please update your browser or
download the episode


29 RNPM & React Native General Discussion with Mike Grabowski of Callstack.io

rej156/index.jsx Created May 20, 2016

  • /shared/lib/create-store.js ‘ ) .
  • Sign up for a GitHub account Sign in
  • Please note that GitHub will soon be dropping support for Internet Explorer 10.
  • Instantly share code, notes, and snippets.
  • We recommend upgrading to the latest Internet Explorer , Google Chrome , or Firefox .

Read the full article, click here.


@ericjuta: “How to maintain state with MobX class stores and react hot loader, de/reserialize

#mobx #hmr #reactjs #webpack #es6”



rej156/index.jsx Created May 20, 2016

All you need to know about this year’s hackathon at Mozilla Office — Medium

  • – the goal of the hackathon is to hack and socialize, you can also present your project if you feel ready and if there is enough time.
  • – there will be a couple of challenges announced at the start of the hackathon – bonus: we are happy to announce that the react native perf team will be present and if you have a production app that needs some perf improvement, you will be able to ask them directly for help!
  • Don’t miss react-europe’s next story
  • The first European React.js conference in Paris, France.

Read the full article, click here.


@ReactEurope: “Important info about our hackathon at @MozillaParis. The react native perf team will be there to help you and more!”


Here’s important information about the hackathon you should know about:
– it will not take place at the conference venue but at Mozilla…


All you need to know about this year’s hackathon at Mozilla Office — Medium