burczu

const tempObj = {
  prop1: 1,
  prop2: 2,
};

const tempFunc(arg1) {
  return arg1 + 2;
}

const defaultFunc(arg2) {

burczu

<router-outlet></router-outlet>

burczu

@Component({ ... })
@RouteConfig([
  { path: '/', name: 'Home', component: Home },
  { path: '/users', name: 'Users', component: About },
  { path: '/user:id', name: 'User' component: User }
])
export class App {
  ...

burczu

ReactDOM.render(
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <Route path="about" component={About}/>
      <Route path="users" component={Users}>
        <Route path="/user/:userId" component={User}/>
      </Route>
      <Route path="*" component={NoMatch}/>
    </Route>
  </Router>, document.getElementById('app'));

burczu

render() {
  return (
    <div className="container">
      <p>{this.state.message}</p>
    </div>
  );
}

burczu

<h1>Two way binding:</h1>
<div>{{message}}</div>
<label for="new-message">Type: message</label>
<input type="text" [(ngModel)]="message" id="new-message" />

<h1>Lists:</h1>
<ul>
    <li *ngFor="#item of nameList">
        {{item.name}}
    </li>

burczu

import { Component } from 'angular2/core';

@Component({
    selector: 'component-placeholder',
    templateUrl: 'app/example.template.html',
    styleUrls: [ 'app/example.css' ]
})

export class ExampleComponent {
    public message = 'Hello from component!';

burczu

import React from 'react';
import 'ExampleComponent.css';

export default class ExampleComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { message: 'Hello from component!' };
  }

  render() {