Thursday, April 16, 2015

React.js ++

React.js, coming from Facebook, is "social": it plays well with other tools :)

Angular and React Teams Collaborate
"teams behind JavaScript frameworks Angular and React got together to talk about how they can work together, though an eventual merging of the frameworks is unlikely."
React integration for ASP.NET MVC | ReactJS.NET
"ReactJS.NET makes it easier to use Facebook's React and JSX from C# and other .NET languages, focusing specifically on ASP.NET MVC (although it also works in other environments)."React.js with ASP.NET MVC 5 - YouTube

Sample Mobile Application with React and Cordova | Christophe Coenraets

https://github.com/rackt/react-router

ReactJS For Stupid People (a brief intro)
"React is often mentioned in the same breath as other Javascript frameworks, but "React vs Angular" doesn't make sense because they aren't directly comparable things. Angular is a complete framework (including a view layer), React is not. This is why React is so confusing to understand, it's emerging in an ecosystem of complete frameworks, but it's just the view."
jQuery way:


 
$.post('/login', credentials, function( user ) { 
  $('header .name').show().text( user.name ); 
});"This DOM manipulation is just as bad as a GOTO statement for reasoning about your program." :)

React.js way: (.jsx)
render: function() { 
 return

 
  { this.state.name ?
this.state.name
: null } 
;
}
"Flux is a word made up to describe "one way" data flow with very specific events and listeners. There's no Flux library, but you'll need theFlux Dispatcher, and any Javascript event library."

React.js in Real Life at Codecademy

Next Generation HTML5 and JavaScript

https://github.com/reactjs
React is a JavaScript library for building user interfaces. These are extensions to the main project, https://github.com/facebook/react
A JavaScript library for building user interfaces | React

React Fundamentals – Pluralsight Training

React Base Fiddle (JSX) - JSFiddle

var Hello = React.createClass({
    render: function() {
        return
Hello {this.props.name}
;

    }
});
React.render(, document.getElementById('container'));

React (JavaScript library) - Wikipedia, the free encyclopedia
React.js logo