angular2-step-by-step
CtrlK
  • Introduction
  • Typescript Starter
    • Types
    • Class
    • Utilities
  • Installation
  • Building Blocks
  • Angular 2 Dependencies
  • Component
  • Templates
  • Service
  • Directive
  • Structural Directive
  • Property Binding
  • Class Binding
  • Property Binding
  • Style Binding
  • Event Binding
  • Two Way Binding
  • Input
  • Output
  • Smart vs Dumb Component
  • Forms
  • Routing
  • Styles
  • Control HTML Rendering
  • Inbuilt Pipe
  • Custom Pipe
  • ng-content
  • Connecting to Server
    • Http Loader
    • Jsonp
  • Lifecycle Hooks
  • Routing
    • Configuring Routes
    • Route Navigation
    • Route Parameter
    • Query Parameter
    • Route Lifecycle Hooks
    • Child Routing
  • Extras
    • Angular2 with jQuery
  • Demos
Powered by GitBook
On this page

Was this helpful?

Smart vs Dumb Component

Component can be classified as Smart or Dumb depending on how coupled are they to the application.

Characteristic

Smart Component

Dumb Component

Coupled to app

Yes

No

Reusable

No

yes

Aware of state

Yes

no

Component Tree location

Top

Bottom

Easy to test

No

Yes

PreviousOutputNextForms

Last updated 5 years ago

Was this helpful?