CodeWinds - Leading edge web developer news and training | javascript / React.js / Node.js / HTML5 / web development - Jeff Barczewski
CodeWinds - Leading edge web developer news and training | javascript / React.js / Node.js / HTML5 / web development - Jeff Barczewski
Jeff Barczewski
004 Pete Hunt, Software Engineer for Facebook, discussing Facebook's open source js UI framework, React
42 minutes Posted Mar 17, 2014 at 1:00 pm.
What is React and why might people want to use it?
The symbiotic relationship of ClojureScript and React
The history of React and why it was created
Updating web page with React without using data binding, a better approach inspired by game engines
Using the virtual DOM to change the browser DOM
Programming with React, render target HTML, canvas, other. Javascript is reference implementation of React. Node.js, ClojureScript, other environments.
Working with designers. Contrasted with Ember and AngularJS. React encourages building a component architecture.
JSX Compiler bridging HTML and React javascript
Autobuilding JSX and in browser tools for React
Tips and tricks to working with React, suggestions for getting started with React
Rendering HTML on the server with Node.js. Pluggable React rendering backends (DOM, HTML, canvas, mixed mode static HTML + background JS binding). Better single page app performance
React evolved through survival of the fittest at Facebook
Ideas for having state on server and client, possibilities for using React over web sockets.
React-multiuser - distributed shared mutable state using Firebase
Better debugging with React using the state transitions, rewinding the state to replay the events
Differences from Web Components
Notable companies using React - Khan Academy, Oscars (Neartime.com), Largest bank in Russia, Facebook, Instagram
Could a React backend plugin be created to target PDF?
Future of React, what’s next?
Contributing and getting help
0:00
42:17
Download MP3
Show notes
In this episode, Jeff interviews Pete Hunt, a software engineer with Facebook about Facebook’s hot new open source js UI framework, React. React is a fresh look at how to build UI’s, attempting to improve on the limitations of the past. React gets some of its inspiration from how game engines acehieve awesome performance in their rendering pipeline.
React can be used in the browser and on the server with node.js so you can have single page apps that are fully indexable by the search engines and have instant load characteristics. React has pluggable backends so it can be used to target the DOM, HTML, canvas, SVG, and other formats.
The ideas and concepts behind React are very compelling, I encourage you to give it a look.
Episode InfoEpisode NotesInterview timelineNotable users of ReactResourcesLinks from ShowOnline Training CoursesTutorialsOther
Episode Info
Episode: CW 004
Published: March 17th, 2014
Tags: js, nodejs,UI,framework
Duration:
Updated: 2014-05-01 Added links to great articles by Reto Schläpfer
Episode Notes
Interview timeline
Notable users of React
Instagram.com is 100% built on React, both public site and internal tools.
Facebook.com’s commenting interface, business management tools, Lookback video editor, page insights, and most, if not all, new JS development.
Khan Academy uses React for most new JS development.
Shirtstarter is 100% built on React.
Sberbank, Russia’s number one bank, is built with React.
The New York Times’s 2014 Red Carpet Project is built with React.
Resources
Links from Show
Main Reactjs.org site
Github Repo for Reactjs Source
Pete Hunt’s Twitter
Khan Academy question editor GitHub repo written in React
irc: #reactjs on freenode
Online Training Courses
CodeWinds React.js Fundamentals - The premier online course and community where you learn React.js by pragmatically building a real web app while applying TDD/BDD principles
“Highly recommended!” - Kevin Old, Senior Software Engineer
“Look no further, the React.js Fundamentals course is the only course you will need to become an expert in React.js” - Wyatt Preul, Software Architect, nearForm
“Overall I would give this React.js course a 4-star thumbs up!”- Kevin Bridges - Senior Technical Consultant at Applied Software
Tutorials
Videos and podcasts covering React
Getting Started with Reactjs
Tutorial for React
Thinking in React
React examples page
JSX javascript XML syntax for React
Other
The articles below by Reto Schläpfer are excellent in explaining why you might consider Reactjs vs traditional MVC frameworks.
Why you might not need MVC with React.js - Reto Schläpfer
React.js vs traditional MVC (Backbone, Angular) - Reto Schläpfer
Joel Burget’s blog article and slides about Khan Academy switching from Backbone Views to React
Reactjs Google Group
Stack Overflow questions on Reactjs