Storybook with React (Complete Tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ต.ค. 2024

ความคิดเห็น • 27

  • @wiggles1993
    @wiggles1993 6 วันที่ผ่านมา

    Watched a couple of your videos, you actually stop and explain what's happening or why there's an error, so many videos of people explaining similar stuff but they just continue on like you've immediately understood it. Top tier content man. You're doing it right.

  • @yashingole4373
    @yashingole4373 6 วันที่ผ่านมา

    Thanks man, This video really helped me in understanding the storybook concept

  • @keifer7813
    @keifer7813 3 หลายเดือนก่อน +9

    Would be nice to see some sort of daily workflow at a typical frontend job from start to finish

  • @МишаКолоденец
    @МишаКолоденец 3 วันที่ผ่านมา

    Thanks! Great tutorial as always!

  • @otakuotaku6774
    @otakuotaku6774 3 หลายเดือนก่อน +3

    I already have learned a lot from u when I started React, now i am working with Next js, i hope you add Next js videos or even playlists soon, thanks a lot for this content

  • @mettle_x
    @mettle_x 3 หลายเดือนก่อน +9

    Storybook doesn't scale linearly as a project grows larger. For constantly evolving projects, it becomes a burden for these reasons: maintenance overhead, performance issues, increased build times, divergence from real-world usage, additional learning curve for new team members and overlapping functionality with other testing tools.

  • @dimakolyas916
    @dimakolyas916 3 หลายเดือนก่อน

    Great tutorial as always Cosden.
    Love your stuff, keep doing this video tutorials on different ui tools.
    Me and I'm sure many other experienced developers learning a lot from this.
    I'd be happy if you make a tutorial about Figma and integration of it with React.

  • @julienraillard3567
    @julienraillard3567 3 หลายเดือนก่อน

    What an amazing tool, was about to start a project where we have to create a system design for a company and provide a react pkg for developping apps based on it.
    That would definitely meet our goal in terms of documentation :D

  • @harag9
    @harag9 หลายเดือนก่อน

    Great video, might look into storybook at work when I get some time. One thing, can you turn off the constant zooming in/out please. it makes it harder to follow sometimes.

  • @f20420
    @f20420 6 วันที่ผ่านมา

    wow thank you a lot!

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl 3 หลายเดือนก่อน

    Wonderful video...hats off

  • @akashddeepchitransh4537
    @akashddeepchitransh4537 3 หลายเดือนก่อน

    Please make a video on the process of taking React code from local to production, how things are automated.

  • @mohammadkhakhsoor2068
    @mohammadkhakhsoor2068 9 วันที่ผ่านมา

    whit the way you added the types , i want to know how can i add description and details in the doc section ??

  • @amirtorabi3978
    @amirtorabi3978 16 วันที่ผ่านมา

    How about if i have several components in my design system? I have to write all args type? Is there a better way to impelement them but writting them?

  • @TheVectorGallery
    @TheVectorGallery 3 หลายเดือนก่อน

    Great Tutorial 🎉

  • @dimakolyas916
    @dimakolyas916 3 หลายเดือนก่อน

    Hey Darius,
    I have a question for you about this topic.
    If one of my component props contain object or array as value,
    what is the best way to implement this in story?

  • @ptolemyhenson6838
    @ptolemyhenson6838 3 หลายเดือนก่อน +1

    Do you have a tutorial for publishing React libraries through NPM with JavaScript and not typescript? I'm trying to have better management of my utilities by making them packages instead of copying them to every project. Every tutorial I've seen does It specifically for typescript, and there's some discrepancy there because I can't get my projects to actually recognize the modules even though they are published and NPM install works.

  • @avciua8082
    @avciua8082 3 หลายเดือนก่อน +2

    Great stuff, tho I still don’t get the idea of existence of this tool 😅

  • @snivels
    @snivels 3 หลายเดือนก่อน +1

    The only issue I have with making a union type with additional storybook-specific props is that it doesn't clearly show what props are available to the component in the UI as actual component properties, you have to actually check the code for that, which I feel kind of defeats the purpose. I know you don't have to use additional props, just my two cents :)

    • @HuyLe-zx8ko
      @HuyLe-zx8ko 3 หลายเดือนก่อน

      Totally agree. Adding extra props for story component leads to confusion for other devs.

  • @mike-aaa
    @mike-aaa 2 หลายเดือนก่อน

    In TS i have 'numberOfChildren' is missing in props validation ERROR

  • @lsaavedr
    @lsaavedr 3 หลายเดือนก่อน

    I love your channel but can you explain why not nextjs? ❤

  • @amranmohamed377
    @amranmohamed377 หลายเดือนก่อน

    How can we clone this repo only

  • @abdulmufeed6077
    @abdulmufeed6077 3 หลายเดือนก่อน

  • @marenodemmers
    @marenodemmers 14 วันที่ผ่านมา

    the constant zooming in and out and following your cursor is really bothersome and makes the video hard to follow, the content is really good and you explained things well its just this 'small' visual thing that made me lose track of what was going

  • @ardianhotii
    @ardianhotii 3 หลายเดือนก่อน

    First here

  • @sridharsuresh9495
    @sridharsuresh9495 3 หลายเดือนก่อน

    Iove the quality and content of the videos
    Keep doing Bro