oliverdavies.uk/content/node.ae46658e-8887-4f7c-b6f5-c60d8bcc7daf.json
2025-05-11 20:02:13 +01:00

100 lines
No EOL
4.7 KiB
JSON

{
"uuid": [
{
"value": "ae46658e-8887-4f7c-b6f5-c60d8bcc7daf"
}
],
"langcode": [
{
"value": "en"
}
],
"type": [
{
"target_id": "daily_email",
"target_type": "node_type",
"target_uuid": "8bde1f2f-eef9-4f2d-ae9c-96921f8193d7"
}
],
"revision_timestamp": [
{
"value": "2025-04-21T01:21:36+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": "Building a design system in a few hours with Symfony"
}
],
"created": [
{
"value": "2024-02-27T00:00:00+00:00"
}
],
"changed": [
{
"value": "2025-04-21T01:21:36+00:00"
}
],
"promote": [
{
"value": false
}
],
"sticky": [
{
"value": false
}
],
"default_langcode": [
{
"value": true
}
],
"revision_translation_affected": [
{
"value": true
}
],
"path": [
{
"alias": "\/daily\/2024\/02\/27\/building-a-design-system-in-a-few-hours-with-symfony",
"langcode": null
}
],
"body": [
{
"value": "\n <p><a href=\"https:\/\/www.oliverdavies.uk\/podcast\/11-mark-conroy\">I recently spoke with Mark Conroy<\/a>, Director of Development at Annertech, on the Beyond Blocks podcast.\nWe discussed building something useful in a day and building design systems with web components.<\/p>\n\n<p>Inspired by that conversation, I spent this afternoon experimenting with web components and seeing how I could use them within a design system we're building, as I think they can solve a particular need we have.<\/p>\n\n<p>Following that, I thought I'd see how I could build my own design system and decided to do it with Symfony and see what I could achieve within a few hours.<\/p>\n\n<p>It was a great opportunity to take Symfony 7 for a spin and explore and test some things that <a href=\"https:\/\/www.oliverdavies.uk\/podcast\/10-ryan-weaver-symfonycasts\">Ryan Weaver and I discussed in our episode<\/a>, such as Symfony UX and Twig components.<\/p>\n\n<p>Each component is a Twig component with its own PHP class and Twig template, which is rendered when I visit its URL, and I can use the HTML-like <code>&lt;twig:Logo \/&gt;<\/code> syntax to include child components.<\/p>\n\n<p>You can <a href=\"https:\/\/github.com\/opdavies\/symfony-design-system\">view the code on GitHub<\/a>, and it may be something I use and work on in the future.<\/p>\n\n ",
"format": "full_html",
"processed": "\n <p><a href=\"https:\/\/www.oliverdavies.uk\/podcast\/11-mark-conroy\">I recently spoke with Mark Conroy<\/a>, Director of Development at Annertech, on the Beyond Blocks podcast.\nWe discussed building something useful in a day and building design systems with web components.<\/p>\n\n<p>Inspired by that conversation, I spent this afternoon experimenting with web components and seeing how I could use them within a design system we're building, as I think they can solve a particular need we have.<\/p>\n\n<p>Following that, I thought I'd see how I could build my own design system and decided to do it with Symfony and see what I could achieve within a few hours.<\/p>\n\n<p>It was a great opportunity to take Symfony 7 for a spin and explore and test some things that <a href=\"https:\/\/www.oliverdavies.uk\/podcast\/10-ryan-weaver-symfonycasts\">Ryan Weaver and I discussed in our episode<\/a>, such as Symfony UX and Twig components.<\/p>\n\n<p>Each component is a Twig component with its own PHP class and Twig template, which is rendered when I visit its URL, and I can use the HTML-like <code>&lt;twig:Logo \/&gt;<\/code> syntax to include child components.<\/p>\n\n<p>You can <a href=\"https:\/\/github.com\/opdavies\/symfony-design-system\">view the code on GitHub<\/a>, and it may be something I use and work on in the future.<\/p>\n\n ",
"summary": null
}
],
"feeds_item": [
{
"imported": "2025-04-21T01:21:36+00:00",
"guid": null,
"hash": "6306217afe87f3d8cd659f6d4c55923d",
"target_type": "feeds_feed",
"target_uuid": "90c85284-7ca8-4074-9178-97ff8384fe76"
}
]
}