/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    h1: "h1",
    a: "a",
    p: "p",
    ul: "ul",
    li: "li",
    h2: "h2"
  }, _provideComponents(), props.components), {YouTube} = _components;
  if (!YouTube) _missingMdxReference("YouTube", true);
  return _jsxs(_Fragment, {
    children: [_jsxs(_components.h1, {
      id: "tdd-what-how-and-why",
      children: ["TDD: What, How, and Why", _jsx(_components.a, {
        className: "anchor",
        href: "#tdd-what-how-and-why"
      })]
    }), "\n", _jsx(_components.p, {
      children: "A talk at the Podlodka Frontend Crew conference on the benefits of test-driven development (TDD) and how to implement it in your project, with a little live coding session at the end."
    }), "\n", _jsx(_components.p, {
      children: "In the talk I talk about how TDD helps me in different projects, where I use it and why. We'll touch on:"
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: "Development culture and what testing has to do with it;"
      }), "\n", _jsx(_components.li, {
        children: "The benefits and challenges of writing automated tests;"
      }), "\n", _jsx(_components.li, {
        children: "How TDD helps solve those problems;"
      }), "\n", _jsx(_components.li, {
        children: "How to help the team lead and the business see the benefits of using TDD;"
      }), "\n", _jsx(_components.li, {
        children: "How to use tests to find “smelly” code;"
      }), "\n", _jsx(_components.li, {
        children: "How to simplify test writing."
      }), "\n"]
    }), "\n", _jsxs(_components.h2, {
      id: "video",
      children: ["Video", _jsx(_components.a, {
        className: "anchor",
        href: "#video"
      })]
    }), "\n", _jsx(YouTube, {
      src: "https://www.youtube.com/embed/1SGb-lZclcU",
      caption: "Talk on YouTube (English subtitles)"
    }), "\n", _jsxs(_components.h2, {
      id: "slides-sources-and-related-posts",
      children: ["Slides, Sources, and Related Posts", _jsx(_components.a, {
        className: "anchor",
        href: "#slides-sources-and-related-posts"
      })]
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "https://youtu.be/1SGb-lZclcU",
          children: "Talk on YouTube (in Russian with English subtitles)"
        })
      }), "\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "https://bespoyasov.me/slides/tdd-what-how-and-why/",
          children: "Slides, Sources, and Various Useful Links"
        })
      }), "\n", _jsx(_components.li, {
        children: _jsx(_components.a, {
          href: "/blog/tdd-what-how-and-why",
          children: "Blog Post with Transcript and Additional Details"
        })
      }), "\n"]
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);
  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
    children: _jsx(_createMdxContent, props)
  })) : _createMdxContent(props);
}
return {
  default: MDXContent
};
function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}


Workshop for Traktor School with an example of building a mobile app. We'll build the HTML skeleton, style the page, take into account the peculiarities of the mobile interface, and keep accessibility in mind.

HTML & CSS Workshop

A 5-hour live workshop about TDD and testing React applications. We'll cover everything from extracting and testing business logic to testing asynchronous functions and adapters for third-party libraries.

TDD: What, How, and Why

Video

Slides, Sources, and Related Posts

If you liked the post