Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 2 years ago

Todo-App with React Typescript and testing (E2E,Component Testing,..)

cypress, react, react-testing-library, vite, typescript
caner404•350
@caner404
A solution to the Todo app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


With this project, I wanted to gain my first knowledge of React and improve my testing skills at the same time. I came across the concept of "outside-in TDD" a while ago and found it very fascinating. With this project I wanted to improve my understanding of this concept. With the concept of outside-in TDD, the first thing you do is write an E2E test that describes the feature you want to implement. This E2E test will fail at the beginning, like any test in TDD. To get the E2E test executable correctly, you need to develop the implementation details such as a component. You can also write tests (component testing) for this component. A link to the concept with an example in React or Vue is included in the README of the project

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on caner404's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License