open-wc/docs/guide/developing.md

Developing

We recommend using the lit-html library with the LitElement base class for developing web components.

Check out the official documentation for: lit-html and lit-element or check out our code-samples on Stackblitz.

Examples

A collection of live code samples can be found on Stackblitz:

• Basic
  • 01 Basic setup
  • 02 Manage properties
  • 03 Property changes
  • 04 Properties and attributes
  • 05 Passing properties
  • 06 Handle events
  • 07 Conditional rendering
  • 08 Repeated templates
  • 09 Update arrays and objects
  • 10 Render styles
  • 11 Fetching data
• Intermediate
  • 01 First updated
  • 02 Updated
  • 03 Lifecycle
  • 04 Computed properties
  • 05 Querying dom
  • 06 Light dom
  • 07 Reflecting attributes
  • 08 Dynamic repeated templates
  • 09 Slotting
• Advanced
  • 01 Property setter observer
  • 02 Until directive
  • 03 Template wrapping
  • 04 Shared templates
  • 05 Shared styles
  • 06 External template
  • 07 Template factories
  • 08 Should update

Further reading

See: awesome lit-html for a great collection of resources.