강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

Component-Driven Frontend Development with Storybook & Automated Testing

(4.9) 14 reviews

899 learners

  • inflearn
  • rabolution
frontend
Software Test
storybook
Thumbnail

Reviews from Early Learners

What you will learn!

  • Component-Driven FE Development with Storybook

  • Component-Driven FE Development with Automated Test Code


This video is a recording of a presentation session held at the <Pangyo After-Work Meetup with Inflearn - FE Test Code> in August 2024. 🙂

Presentation Session 🎤

Presentation Session: Component-Driven Frontend Development with Storybooks & Automated Testing

The modern frontend revolves around easily composable components. So why are we still developing page-centric development?

Storybook goes beyond a public component library to enable component-centric development. It allows for faster component testing in real browsers than end-to-end testing, while still allowing you to write tests from the perspective of actual users.

Component-driven development delineates roles and boundaries, facilitating the easy reproduction of diverse scenarios. Naturally, it makes work easier and faster.


Who will benefit from this presentation?

  • Those who are suffering from reproducing and mocking various cases

  • If you are dissatisfied with slow E2E testing

  • Anyone who wants to reduce overtime by learning web standards and web accessibility

  • Anyone who has never written a front-end test or finds it difficult


Presenter: Kim Tae-hee (Detective Rabbit), current Selfas developer

"I work as a Clojure full-stack developer at Selfas, and I also coach. I've been particularly interested in functional programming, front-end testing, accessibility, and web standards, researching them and applying them to my work. I've even translated the Storybook testing documentation and developed and use a testing tool called siheom."

Inflearn Pangyo After-Work Meetup

Recommended for
these people

Who is this course right for?

  • Anyone interested in FE test code

  • Those interested in component-driven development

  • Those interested in using storybooks

Hello
This is

699,650

Learners

5,882

Reviews

118

Answers

4.7

Rating

130

Courses

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

Curriculum

All

1 lectures ∙ (39min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

14 reviews

4.9

14 reviews

  • gaeunnlee님의 프로필 이미지
    gaeunnlee

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    프론트엔드 TDD 입문 전 막막함을 해소해주셔서 감사합니다 테스트 케이스들을 적어보며 가르쳐주신 내용 바탕으로 차근차근 도전해보도록 해보겠습니다

    • 또찌님의 프로필 이미지
      또찌

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      프론트를 공부하는 중인 백엔드 개발자로서 테스트와 내 코드에 대한 확신이 없어 항상 고민이었는데 조언 감사드립니다!! 항상 Storybook 도입의 필요성만 느끼고 추가 공임이나 학습이 필요해 고민이 되었는데 해당 라이브러리를 사용하지 않는 방법도 있다는 것을 짚어주셔서 감사합니다!!

      • dmax님의 프로필 이미지
        dmax

        Reviews 112

        Average Rating 5.0

        5

        100% enrolled

        • 임지현님의 프로필 이미지
          임지현

          Reviews 2

          Average Rating 5.0

          5

          100% enrolled

          • 수병수병님의 프로필 이미지
            수병수병

            Reviews 4

            Average Rating 5.0

            5

            100% enrolled

            Free

            inflearn's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!