uuid:
  - value: bd892fac-0009-4886-9ced-5fbffab2d540
langcode:
  - value: en
type:
  - target_id: daily_email
    target_type: node_type
    target_uuid: 8bde1f2f-eef9-4f2d-ae9c-96921f8193d7
revision_timestamp:
  - value: '2025-05-11T09:00:16+00:00'
revision_uid:
  - target_type: user
    target_uuid: b8966985-d4b2-42a7-a319-2e94ccfbb849
revision_log: {  }
status:
  - value: true
uid:
  - target_type: user
    target_uuid: b8966985-d4b2-42a7-a319-2e94ccfbb849
title:
  - value: 'Starting to sprinkle JavaScript with Simulus'
created:
  - value: '2024-03-28T00:00:00+00:00'
changed:
  - value: '2025-05-11T09:00:16+00:00'
promote:
  - value: false
sticky:
  - value: false
default_langcode:
  - value: true
revision_translation_affected:
  - value: true
path:
  - alias: /daily/2024/03/28/starting-to-sprinkle-javascript-with-simulus
    langcode: en
body:
  - value: |
      <p>I've been watching the new "Cosmic Coding with Symfony 7" series on SymfonyCasts, and today's video was about Stimulus - a "modest JavaScript framework for the HTML you already have".</p>

      <p>As I'm comfortable with other frameworks, such as Vue.js and Alpine.js, I've usually skipped videos about Stimulus, but today, it caught my eye.</p>

      <p>I was intrigued by it and experimented with it by refactoring a component from a project I am working on.</p>

      <p>I like the organisation Stimulus provides by using JavaScript classes and controllers while keeping things simple in the HTML code.</p>

      <p>I initially did this in Fractal but then created <a href="https://github.com/opdavies/stimulus-esbuild-example">an example project</a> using Stimulus with esbuild. It's now on my GitHub profile and includes other tools such as Nix, just, and Tmuxinator.</p>

      <p>After this short evaluation, I like Stimulus and will use it on other components in this project, maybe using third-party Stimulus controllers - either directly or for inspiration.</p>

      <p>Hat tip to Ryan Weaver and SymfonyCasts for showing Stimulus and Nick Janetakis for showing me esbuild.</p>

              
    format: full_html
    processed: |
      <p>I've been watching the new "Cosmic Coding with Symfony 7" series on SymfonyCasts, and today's video was about Stimulus - a "modest JavaScript framework for the HTML you already have".</p>

      <p>As I'm comfortable with other frameworks, such as Vue.js and Alpine.js, I've usually skipped videos about Stimulus, but today, it caught my eye.</p>

      <p>I was intrigued by it and experimented with it by refactoring a component from a project I am working on.</p>

      <p>I like the organisation Stimulus provides by using JavaScript classes and controllers while keeping things simple in the HTML code.</p>

      <p>I initially did this in Fractal but then created <a href="https://github.com/opdavies/stimulus-esbuild-example">an example project</a> using Stimulus with esbuild. It's now on my GitHub profile and includes other tools such as Nix, just, and Tmuxinator.</p>

      <p>After this short evaluation, I like Stimulus and will use it on other components in this project, maybe using third-party Stimulus controllers - either directly or for inspiration.</p>

      <p>Hat tip to Ryan Weaver and SymfonyCasts for showing Stimulus and Nick Janetakis for showing me esbuild.</p>

              
    summary: null
field_daily_email_cta: {  }