Add 'Inputs and Outputs' section

feimosi / frameworks-code-comparison

:vs: :fire: Code comparison of modern web frameworks, based on React, Angular and Vue.js

89 stars 29 forks source link

Add 'Inputs and Outputs' section #2

Closed feimosi closed 7 years ago

feimosi commented 7 years ago

At least one example of each type of binding (with usage):

[X] AngularJS:

bindings {
  user: '<',
  department: '@',
  onEdit: '&',
}

[X] Angular: (#7)

  @Input() user: User;
  @Output() onEdit = new EventEmitter<User>();

[X] React:

propTypes = {
  user: PropTypes.instanceOf(User).isRequired,
  onEdit: PropTypes.func,
}

Preferably also with links to docs.

devesh-verma commented 7 years ago

@feimosi I would like to work on this but can you please explain what do you want to be done.

feimosi commented 7 years ago

Hi, thanks for your interest. There's already one PR (#7) with Angular version, you can prepare examples of AngularJS or React (or even Vue?).

The main idea behind this all is to make it easier for developers to understand differences between frameworks and allow them switch projects with ease.