oliverdavies.uk/content/node.bd892fac-0009-4886-9ced-5fbffab2d540.yml

72 lines
3.3 KiB
YAML

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: { }