alxlion

@Scope("singleton")
public class InternalDatabase {

  private List<Transaction> memory;

  public InternalDatabase() {
    if (this.memory == null) {
      this.memory = new ArrayList<>();
    }
  }

alxlion

CMS.registerEditorComponent({
  // Internal id of the component
  id: "figure",
  // Visible label
  label: "Figure",
  // Fields the user need to fill out when adding an instance of the component
  fields: [
      {name: 'src', label: 'Image', widget: 'image'},
      {name: 'caption', label: 'Caption', widget: 'string'},
      {name: 'link', label: 'Link', widget: 'string'},

alxlion

<template>
<div id="myComponent">
  <Counter />
  <span v-if="reading">Hello reader !</span>
</div>
</template>

<script>
import Counter from "@/components/Counter";

alxlion

class MyComponent extends React.Component {
  render() {
    return(<div />)
  }
}

alxlion

Vue.component({
  template: `<div></div>`
})

alxlion

return (
  <div>
    {students.map(student => <p>{student}</p>)}
  </div>
)

alxlion

<div>
  <p v-for="student in students">{{ student }}</p>
</div>

alxlion

class MyComponent extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      counter: 0
    }
  }

  render() {
    return(<div/>)

alxlion

function MyComponent() {
  const [counter, setCounter] = useState(0)
	
  return(<div />)
}

alxlion

class Shipment

  def prepare_for_delivery
    @message = 'Shipment is prepared for delivery'
  end

  def tracking_code(code)
    @tracking_code = code
  end