This document discusses React.js and web development. It begins with an introduction to React.js and its history. It then covers key React concepts like components, JSX syntax, and the virtual DOM. It discusses why the author likes React, describing it as easy to learn and use with true reusable components. It also provides an overview of how the author uses React on both the client-side with tools like Webpack, Babel, and Flux and the server-side with Node.js, Express, MongoDB, and other technologies.
24. DOM is slow
Javascript that access to the DOM is slow
console.dir(document.createElement('div'));
A DIV contains about 135 first level properties/function (700 on
second level).
25. Virtual DOM
• Our code act on a fake DOM (virtual dom)
• React.js take care of keep virtual DOM and real DOM
synchronised
• Every ReactElement is a light, stateless, immutable,
virtual representation of a DOM Element
• A virtual DOM div element contains only 6 properties.
26.
27. Why I like react so much
• Easy to learn, easy to use
• True reusable components (1 single file per component)
• Functional approach
• Human error messages
• Active community
28. I said “Easy to learn!”
Less than 1 hour to learn everything you
need to be productive.
Challenge
40. Superagent
Super Agent is light-weight progressive ajax API crafted
for flexibility, readability, and a low learning curve after
being frustrated with many of the existing request APIs. It
also works with Node.js!