Storybook with React (Complete Tutorial)

Поділитися
Вставка
  • Опубліковано 26 жов 2024

КОМЕНТАРІ • 27

  • @wiggles1993
    @wiggles1993 4 дні тому

    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 4 дні тому

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

  • @МишаКолоденец
    @МишаКолоденец День тому

    Thanks! Great tutorial as always!

  • @keifer7813
    @keifer7813 3 місяці тому +9

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

  • @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.

  • @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

  • @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.

  • @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

  • @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.

  • @f20420
    @f20420 3 дні тому

    wow thank you a lot!

  • @akashddeepchitransh4537
    @akashddeepchitransh4537 3 місяці тому

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

  • @mohammadkhakhsoor2068
    @mohammadkhakhsoor2068 7 днів тому

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

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl 3 місяці тому

    Wonderful video...hats off

  • @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.

  • @amirtorabi3978
    @amirtorabi3978 14 днів тому

    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 🎉

  • @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.

  • @marenodemmers
    @marenodemmers 12 днів тому

    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

  • @mike-aaa
    @mike-aaa 2 місяці тому

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

  • @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?

  • @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 місяці тому

  • @ardianhotii
    @ardianhotii 3 місяці тому

    First here

  • @sridharsuresh9495
    @sridharsuresh9495 3 місяці тому

    Iove the quality and content of the videos
    Keep doing Bro