Storybook Crash Course: For React Devs And Storybook Beginners with Storybook Maintainer, Yann Braga

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

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

  • @SergiyAntonyuk_PhD
    @SergiyAntonyuk_PhD ปีที่แล้ว +12

    In my opinion, it was a very useful video.
    Having looked through the first time, I caught the entire concept of the storybook.
    After that, I went through the official material. It has deepened my knowledge.
    Finally, I looked at this video once more.
    Now I'm sure it can benefit from Storybook on my business project.
    Thanks a lot to the author for that.

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว +1

      Great! We love to hear this.

  • @Brocollipy
    @Brocollipy ปีที่แล้ว +3

    Awesome thank you so much for doing this course. I'm just refreshing on React and every time I try and get started with it for larger apps it feels overwhelming. This really helps!

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว

      You're very welcome! Glad to hear this course helped.

  • @danieltkach2330
    @danieltkach2330 2 ปีที่แล้ว +8

    Such a great tutorial. Please do more!

    • @newlinedotco
      @newlinedotco  2 ปีที่แล้ว

      Awesome! So glad you enjoyed this.

  • @felipe4181
    @felipe4181 9 หลายเดือนก่อน +1

    Best video of storybook I've seen!

    • @newlinedotco
      @newlinedotco  8 หลายเดือนก่อน +1

      Awesome to hear this!

  • @HaileyChen-c5p
    @HaileyChen-c5p 6 วันที่ผ่านมา

    very clear and easy to follow

  • @mumk
    @mumk 2 ปีที่แล้ว +5

    Lovely sharing. Learned a bunch, thanks Yann and newline!

    • @Yannbf
      @Yannbf 2 ปีที่แล้ว +2

      Thanks for watching!

    • @mumk
      @mumk 2 ปีที่แล้ว +2

      @@Yannbf Really appreciate it ☺

    • @nurulahsan7471
      @nurulahsan7471 ปีที่แล้ว

      @@Yannbf Can you give me this project's GitHub link?

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว +2

      This is a paid course, you can purchase it here: www.newline.co/courses/storybook-for-react-apps/installing-storybook

  • @luxxart
    @luxxart ปีที่แล้ว +3

    Fantastic introduction to storybook! Thank you

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว +1

      Awesome! We are glad to hear that you found this valuable.

  • @YassineOmrani
    @YassineOmrani ปีที่แล้ว +1

    Great content, well explained and the order of going through stuff is excellent

  • @dovenobertinca4029
    @dovenobertinca4029 2 ปีที่แล้ว +1

    Hey, first of all it was a great presentation, and a great explanation. But how did I understand that part of it was also the part of integration in REAL and BIG APPLICATION?

    • @newlinedotco
      @newlinedotco  2 ปีที่แล้ว

      It's great to hear that you enjoyed this tutorial! It looks like you had a question, let us know if we can help further.
      Feel free to send us an email too, us@fullstack.io

    • @8koi245
      @8koi245 ปีที่แล้ว

      the what??

  • @carefree_ladka
    @carefree_ladka ปีที่แล้ว

    Trust me this has been super helpful to me as I had to use Storybook with TurboRepo in my project. Thank you . I have a question. Can you also make a video on state management in Storybook like useState or other hooks inside of stories.

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว

      great will take into consideration.

  • @edu_amr
    @edu_amr ปีที่แล้ว +1

    CARA OTIMO VIDEO :)

  • @S1L3NT_AU
    @S1L3NT_AU ปีที่แล้ว +1

    Is it possible to run a nextjs storybook as a component library through GitHub Packages or NPM? I've been having a rough time trying to set this up. Thanks in advance :)

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว

      Hey there! I'm not sure we totally understood the questions. However, Storybook helps developers work on their components in isolation as a workshop environment, but it does not help with publishing your code to a registry like GH or NPM. I'd suggest you do to things:
      1. Check a tutorial on how to publish a component library to NPM: th-cam.com/video/XHQi5a0TmMc/w-d-xo.html
      2. Check this blog post regarding using Storybook and Next.js: storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/

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

    please make a video with redux state and react-router-dom nu using moc data API data

  • @sergeystroitelev1964
    @sergeystroitelev1964 2 ปีที่แล้ว +4

    what is the name of your terminal?

    • @Yannbf
      @Yannbf 2 ปีที่แล้ว +4

      Hey Sergey! It's called iTerm. I will add a section in my course that provides all my configuration for the ones interested. Thanks for watching!

  • @matiasromera330
    @matiasromera330 2 ปีที่แล้ว +2

    Perfect

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว +1

      Great! We are glad to hear that you enjoyed this.

  • @samuelmorkbednarzkepler
    @samuelmorkbednarzkepler ปีที่แล้ว +1

    Is this using CSF 3.0?

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว +1

      Hey Samuel! No, the whole course uses CSF 2 which is the default format in Storybook 6.
      In Storybook 7, CSF3 will become the new standard format, and I'm planning to release a video (once Storybook 7 gets to stable) explaining the differences and how to migrate.
      For now, please refer to this resource for reference: storybook.js.org/blog/storybook-csf3-is-here/

  • @RajabNatshah
    @RajabNatshah ปีที่แล้ว

    Thank you :)

  • @yogi2983
    @yogi2983 ปีที่แล้ว

    Storybook doesn't reload after changes. I have to manually restart the server. Any help?

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว

      Thanks. Can you join the discord server. Yann is there and can follow up with questions. discord.com/invite/D88ppSb

  • @tarek_maza
    @tarek_maza ปีที่แล้ว

    You don't need a course for storybook the documentation is more than enough

  • @johnconnor9787
    @johnconnor9787 ปีที่แล้ว +1

    23:45

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

    He has really nice hair

  • @io1921
    @io1921 2 ปีที่แล้ว

    Is this version 6.5 ?

    • @Yannbf
      @Yannbf ปีที่แล้ว

      Hey @IO yes you're right! Storybook 7 is currently in alpha version, so the course uses latest, which is 6.5.

  • @nurulahsan7471
    @nurulahsan7471 ปีที่แล้ว +1

    Such a great tutorial. Please do more!

    • @newlinedotco
      @newlinedotco  ปีที่แล้ว

      Awesome! Thanks for the compliment.

    • @nurulahsan7471
      @nurulahsan7471 ปีที่แล้ว

      @@newlinedotco Can you give me this project's GitHub link?