iamdtang

import Controller from '@ember/controller';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
	@tracked firstName = 'David';
	@tracked lastName = 'Tang';

	get fullName() {
  	return `${this.firstName} ${this.lastName}`;

iamdtang

import Controller from '@ember/controller';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
	@tracked firstName = 'David';
	@tracked lastName = 'Tang';

	get fullName() {
  	return `${this.firstName} ${this.lastName}`;

iamdtang

import Controller from '@ember/controller';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
	@tracked firstName = 'David';
	@tracked lastName = 'Tang';

	get fullName() {
  	return `${this.firstName} ${this.lastName}`;

iamdtang

import Controller from '@ember/controller';
import { action, computed } from '@ember/object';

export default class ApplicationController extends Controller {
	firstName = 'David';
	lastName = 'Tang';

	@computed('firstName', 'lastName')
	get fullName() {
  	return `${this.firstName} ${this.lastName}`;

iamdtang

import Controller from '@ember/controller';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
	firstName = 'David';
	lastName = 'Tang';

	get fullName() {
  	return `${this.firstName} ${this.lastName}`;
  }

iamdtang

import Controller from '@ember/controller';
import { action, computed } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
	@tracked firstName = 'David';
	@tracked lastName = 'Tang';

	// no need for computed decorator
	// @computed('firstName', 'lastName')

iamdtang

import Controller from '@ember/controller';
import { action, computed } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
	firstName = 'David';
	lastName = 'Tang';

	// toggle this decorator
	// @computed('firstName', 'lastName')

iamdtang

import Component from '@ember/component';

export default Component.extend({});

iamdtang

import Component from '@ember/component';

export default Component.extend({});

iamdtang

import Component from '@glimmer/component';

export default class extends Component {
}