https://github.com/bouraqadi/webst

Web Components with Smalltalk
https://github.com/bouraqadi/webst

Last synced: 4 months ago
JSON representation

Web Components with Smalltalk

• Host: GitHub
• URL: https://github.com/bouraqadi/webst
• Owner: bouraqadi
• License: mit
• Created: 2024-04-27T20:59:26.000Z (about 2 years ago)
• Default Branch: pharo11
• Last Pushed: 2024-05-28T09:54:36.000Z (about 2 years ago)
• Last Synced: 2024-05-29T01:19:59.992Z (about 2 years ago)
• Language: Smalltalk
• Size: 151 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# WebST = Web Components with Smalltalk



WebST is a framework for building [Web Components](https://www.webcomponents.org/) using [PharoJS](https://github.com/PharoJS/PharoJS). 

Each web component can be used via a custom HTML tag (e.g. ``). When you use a custom tag in your HTML code, the web browser creates a DOM object that is an instance of a component class which defines the appearance and the behavior provided by the developer.

Component classes are subclasses of `WsComponent`. A component class defines the behavior of web components.

The look, i.e. HTML, is defined using a subclass to `WsView` referenced in a component class side method `viewClass`.

In most WebST examples, component classes are defined as subclasses of `WsMvcComponent`. 

They override class side method `modelClass`.

As suggested by its name, this method answers the class of the model used by the component.

## Install

To install any of the projects below evaluate the following expression in a Playground, where `PROJECT_NAME` is replaced by the project you want to install.

```Smalltalk

Metacello new

  baseline: 'WebST';

  repository: 'github://bouraqadi/WebST:pharoXX';

  load

 ```

Where XX is your Pharo image version number. Each supported Pharo version has a dedicated branch.

## Talk at the ESUG International Conference, Lille, France, July 2024