Storybook in 100 Seconds

Hugs to you bro 💌

Immaculate Constellation
(n.) /ɪˈmækjʊlət kɒnstəˈleɪʃən/

1. An artificially created aerial phenomenon designed to mimic natural or unexplained occurrences, typically for the purpose of influencing public perception or obscuring the true nature of events.
2. A controlled and deliberate display of drones, lights, or other aerial technologies, orchestrated to create skepticism around genuine unidentified phenomena.

Origin: Wordplay combining “immaculate” (meaning flawless or meticulously controlled) and “constellation” (referring to a pattern of stars or celestial objects).

make docusaurus in 100 seconds

About to orgasm 🤤😄

You are awesome

Storybook renders a mini page for each registered component. You can have a sub page for each option as well (e.g. one page for a labeled TextField, and another page without the label). This is useful when developing the component to see it in use without needing auth and routing etc. It also serves as interactive documentation for components.

Destroy Johnny Test.

Liked the way you explained in summary.

If it wasn't for 100 second videos by Jeff, I'd be spending at least a few hours of research to get an idea of what it is. Thank you Jeff, you're doing God's work for all of us developers!

Good luck upgrading this piece of shit :) it will be fun

Very good. I aced at storybook by only watching this video.😎😎

Tremendous. I always pause videos and make them 10x as long taking notes and thinking, so I really appreciate the 1-2 minute videos that only make it 10-20 for me.

Thanks for explain it so quickly!

i'm pretty sure you are the only reason I keep learning to code

Great videos, I understand storybook from this video much easier than its own official docs.

What was the tool used to show the component tree?

Instead of just writing the components and get the job done now we have more jobs to do wasting time on an another extra layer..

It's great idea

This video is worth Gold.

This is so much better than reading their landing page..

Create things like this instead of new JS FRAMEWORK. Donut!!!

Well... Thanks ☺️

100 Seconds of Qwik next please

Lgtm - lets get that mread

Something that kind of drives me nuts about storybook is it has it's own build process for all your components and such, I'd rather be able to output built components from my own build process and have storybook render those... I've had times where something renders correctly in my nextjs app, but not in storybook...

I'm about to start at a new position that uses Storybook! It's an internal component library and I will be making Angular components mainly. I'm so excited!

you are amazing!

Storybook is a cool package) But there are some cases when we don’t need all the power of storybook, but just a simple “test page” with all our components where we can play with its props. There is one package that works just fine for this, called storybox-react

Someone please tell me how to get view like 0:28?

Well, looks like what POSTMAN does for APIs.
So I guess you could use StoryBook to document components and use less TS bloatware to describe the component itself ?

Any chance you will cover htmx in the future?

Now…will it work with react native lol

I'd like to see the OSI Model in 100 seconds. Por favor.

This was exactly the tool I needed! Btw you should do awk/sed in 100 secs.

You should make OpenGL in 100 seconds.

Clojure in 100 Seconds would be awesome! Its the second most loved technology in the StackOverflow survey

IPFS in 100 seconds!!

I came here to learn how to invest after listening to a guy on radio talk about the importance of investing and how he made $960,000 in 4 months from $160k, somehow this video has helped shed light on some things, but I'm still confused, I'm a newbie and I'm open to ideas.

What about APL, and J programming language?)

What's that component library at 0:39?