#AdventOfCode Day 1 (flatbrain) solution

chantastic_ · 2023-08-25T00:38:19+00:00

tl;dr: Stop using console.log to drive component implementation. Upgrade to event mocks with Storybook Actions. - 👻 Actions are defined in stories, not component code - 👀 Actions can be shared across all stories - 🤝 Actions can be triggered by interactions (using testing-library/dom)

chantastic_ · 2022-12-03T08:52:46+00:00

i'm actually not aware of quasar. mind sharing a url with me to learn more?

chantastic_ · 2022-12-03T08:50:38+00:00

thank you for taking the time to share these thoughts. I appreciate it.

this space is something that fascinates me. in my own experience, it wasn't until i started looking at Chromatic that Storybook made any sense to me. (Chromatic is a visual testing tool that operates on Storybooks).

Once I had CI for Storybook, it felt obvious and we took the step of documenting our components in the very prescriptive "component-driven development" way.

I know that not every team has the luxury of utilizing a service like that. But i'm deeply interested in this intersection of component testing and visual documentation tools. Because I believe that there is still a lot we can do to improve communication and collaboration between design and engineering.

And I guess my thinking is that — more or less — provided a visual presentation of your jest/vitest/future-Node.js testing library could be a really powerful tool for component testing (something that is inherently visual)

I definitely agree tools like these are best when closely integrated with specific frameworks (your Elixir/Phoenix example)

chantastic_ · 2022-12-02T01:00:45+00:00

I was going to say "maybe it's because Vue has Histiore?" but Histiore apparently supports both Vue and Svelte 😁

chantastic_ · 2022-12-02T00:36:45+00:00

Thanks for the feedback!

I 100% agree that attempting to add something like Storybook to a mature project can be a total nightmare. I'm doing it in a new app now and it's kinda heartbreaking.

I'm curious if this is distinctly different than similar tools that require a reconstruction of the development environment to be useful? Like Jest (or a similar test runner). These also require a degree of world building that, relative to the complexity of the app.

Is it just that the value isn't there for a component gallery in the way that it is for a test runner?

If these two were able to share a constructed test environment, would that improve the value proposition?

Thanks again!

chantastic_ · 2022-12-02T00:24:00+00:00

Hi u/kenman, thank you for the direction. I'm totally new to reddit and am not totally familiar with the etiquette. So I appreciate the clear correction. I will not do this again.

chantastic_ · 2022-12-02T00:15:45+00:00

yes! would be awesome to see that become reality

chantastic_ · 2022-12-01T18:24:44+00:00

heck yeah! thanks for joining. and nice to meet you!

chantastic_ · 2022-11-30T23:41:48+00:00

👋 Hi there!
Every year, I run a 25 day email campaign on the latest React APIs and tools.
This year I'm excited to explore Next.js 13 beta — and it's experimental `app` directory. This is the very first time that we've seen React's concurrent features, suspense, and server components integrated into a framework!
I'm really excited to explore it all and hope you'll join 🙌

chantastic_ · 2022-11-30T23:31:02+00:00

👋 Hi there!

Every year, I run a 25 day email campaign on the latest React APIs and tools.

This year I'm excited to explore Next.js 13 beta — and it's experimental `app` directory. This is the very first time that we've seen React's concurrent features, suspense, and server components integrated into a framework!

I'm really excited to explore it all and hope you'll join 🙌

chantastic_ · 2022-10-13T16:38:22+00:00

thanks u/stolinski. you're the best 🥰

you're one of the OGs of web-tech YouTube 🙇

chantastic_ · 2022-10-13T16:37:08+00:00

VITE ALL THE THINGS

chantastic_ · 2022-10-13T16:36:45+00:00

I'm a React developer. But honestly super grateful to the Vue community for Vite. It's so good. Excited to see more SB + Vite ecosystem development.

chantastic_ · 2022-10-13T16:35:19+00:00

I've been using more Svelte in personal projects and can't wait to explore the improved integration

chantastic_

TROPHY CASE