Escrevendo React com JSFiddle

A configuração básica que foi descrita neste capítulo pode ser usada on-line via JSfiddle. JSFiddle usa os mesmos três recursos usados ​​anteriormente para fazer a escrita React online simples.

• React-with-addons.js (a versão mais recente doreact.js)
• React-dom.js
• Browser.js

Abaixo está um JSFiddle incorporado contendo o Componente Mensagem usado ao longo deste capítulo. Ao clicar na aba "Resultados" pode visualizar o Componente React renderizado no DOM. Para editar o código basta clicar em "editar com JSFiddle".

source code

Note que a aba "Babel" indica que o JavaScript escrito nessa guia será transformado por Babel (similar também, se não usando diretamente browser.js). A guia "Recursos" mostra que JSFiddle está puxando os arquivos react.js ereact-dom.js.

Será assumido que depois de ler este capítulo que você entende os requisitos básicos para configurar React e Babel via browser.js. E que, embora JSFiddle não torne óbvio, esta é a mesma configuração que está sendo usado pelo JSFiddle para executar código React.

JSFiddle será usado em todo o restante deste livro para mostrar os resultados do código React transformado pela Babel.