October 30, 2015

Reacting with ReactJS

By Santiago Noguera

DevSnack #13: React is a Javascript library for building user interfaces and can be used as the V in the MVC in a very efficient way.

A virtual DOM, a component framework, and a Javascript syntax extension are part of React’s philosophy. More about this powerful Javascript library/engine, on this DevSnack!

#1 – The React Way

Peter Marton (@slashdotpeter – CTO at RisingStack) explains how to start off with this tool and how we should think in the React way. Peter introduces the concepts of virtual DOM, component-driven development and isomorphic React, among others.

#2 – The Secrets of React’s Virtual DOM

In this article, Tony Freed (@tony_freed – Senior Software Engineer at Webzai) analyzes the original DOM performance issues and the concept of virtual DOM.

There is also an interesting talk on virtual DOM by Pete Hunt (@floydophone – who worked on React.js) – check it out!

#3 – JSX for the real DOM

It’s not necessary to use JSX with React,  you can just use plain JS. However, using JSX has its benefits because it’s a concise and familiar syntax for defining tree structures with attributes. Christopher Chedeau (@Vjeux – Front-end Engineer at Facebook) outlines the advantages of using JSX with React.

#4 – React on Rails

Is there an easy way to work with React in a Rails project? Apparently there is! In this post by @learnreact, we can see how to setup a Rails project using React, with the react-rails gem – a ruby gem for automatically transforming JSX and using React on Rails.

#5 – Sites using React

Here’s a list of projects currently using React!


Creative Commons License
DevSnack by Moove-it is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.