Interview With Lee Byron, React Developer at Facebook

Join us for a talk with Facebook's @leeb about @reactjs development and infrastructure:

  • You actually need to also include ReactDOM in order to use React in a browser.
  • community, react, grommet, interview, facebook, javascript library, javascript
  • Lee was kind enough to answer a few questions about React that we sent his way.
  • Grommet is a library of reusable UI components.
  • I was part of designing and building the early versions of React and designed the component lifecycle API.

Read the full article, click here.


@grommetux: “Join us for a talk with Facebook’s @leeb about @reactjs development and infrastructure:”


Coming from the folks at Grommet, check out this interview with Lee Byron, from Facebook, talking about his history with React, offering up a few tips, and discussing where he sees the popular JavaScript library headed next.


Interview With Lee Byron, React Developer at Facebook

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

Insights of a Full Stack developer: React.js Concepts

Insights of a Full Stack developer: React.js Concepts  #Javascript #developer #melbourne #IT

  • You can provide React the values for the initial state using the getInitialState function.
  • Is a more complex example showing default values, provided to React by using the getDefaultProps function, which are later overwritten by the component usage.
  • State: Container object for mutable data for example used with input controls.
  • Uncontrolled controls: Form components rendered without a value (or checked) prop.
  • On every data change React re-renders the entire component in memory then uses a diff to apply a patch for what has changed in the DOM.

Read the full article, click here.


@Thecodefinder: “Insights of a Full Stack developer: React.js Concepts #Javascript #developer #melbourne #IT”


Instagram and Facebook have come up with a FrontEnd client library that uses a virtual DOM diff implementation for ultra-high performance.  This works by comparing DOM changes in memory to calculate a patch required to update the DOM:


Insights of a Full Stack developer: React.js Concepts

MobX 2.2: explicit actions, controlled mutations and improved DX — Medium

MobX 2.2: explicit actions, controlled mutations and improved DX:  #ReactJS

  • Action takes a function, and returns a function with exactly the same signature.
  • action makes the distinction between actions (something that modifies the state) and reactions (the state needs to trigger a side effect automatically) very clear.
  • MobX has made a point to stay un-opinionated about how you chose to write your actions.
  • In strict mode, MobX will throw an exception on any attempt to modify state outside an action.
  • Well, for starters, action wraps your original function automatically in a transaction .

Read the full article, click here.


@ReactiveConf: “MobX 2.2: explicit actions, controlled mutations and improved DX: #ReactJS”


MobX had an amazing few weeks! It has just hit 2000 stars on GitHub. There’s been tremendous interest from the React Amsterdam talk (video…


MobX 2.2: explicit actions, controlled mutations and improved DX — Medium

Don’t blame the framework: my experience with AngularJS and ReactJS

  • what still counts the most for a maintainable project is the developers’ commitment to write good and organized code.’
  • React components get data from the store directly and change the state by calling actions: it’s simple, elegant and prevents you from becoming insane.
  • Most things that I complained about in the beginning were either because I was forcing the React way of doing things to Angular code or because I wasn’t experienced enough.

Read the full article, click here.


@ProfeC: “Don’t blame the framework: my experience with AngularJS and ReactJS | Cheesecake Labs”


Here are the key impacts in the long run of choosing between AngularJS and ReactJS, from a seasoned developer’s perspective.


Don’t blame the framework: my experience with AngularJS and ReactJS

GitHub – vance/tiny-graph: The tiniest variable debugging graph, 45 lines of code

  • Multiplier to scale all your vars to fit
  • 0 Depedencies, 45 Lines of Code, does not require canvas
  • color [required] = color of the plot

Read the full article, click here.


@ForeverScape: “I made the tiniest graphical debugger for javascript! #javascript #js #nodejs #angularjs #reactjs #angular2”


tiny-graph – The tiniest variable debugging graph, 45 lines of code


GitHub – vance/tiny-graph: The tiniest variable debugging graph, 45 lines of code

How to use optional arguments in functions (with optional callback) – JS Tips – A JS tip per day!

  • shift (); // if last argument is a function then its the callback function const callback = ( typeof args [ args .
  • // pop() removes the last item in the array // and returns it if ( typeof args [ args .
  • pop () : null ; // if args still holds items, these are your optional items which you could retrieve one by one like this: const optionalA = ( args .

Read the full article, click here.


@core_green: “”How to use optional arguments in functions(with optional callback)” #javascript #nodejs #webdev #reactjs #angular2″


Example function where arguments 2 and 3 are optional


How to use optional arguments in functions (with optional callback) – JS Tips – A JS tip per day!