Web Frameworks and Components

Web Frameworks and Components

AngularJS

<div ng-app="app">
  <sentenca></sentenca>
</div>

angular.module('app', [])
  .component('sentenca', {
    template: `
    <h2 style="color:Blue">
      O Dinossauro pulou na lama.
    </h2>`
  })

See the Pen AngularJS 02 - Componente Sentença by André Santanchè (@santanche) on CodePen.

React

class Sentenca extends React.Component {
  render() {
    return <h1>
             O dinossauro {this.props.nome} pulou na lama.
           </h1>
  }
}

const elemento = <Sentenca nome="Horácio" />
ReactDOM.render(elemento, 
        document.getElementById('root'));

<div id="root"></div>

See the Pen React 02 - Componente Sentença by André Santanchè (@santanche) on CodePen.

Lightning

Examples and Tasks