React Clean Code - React and Design Pattern

React Clean Code Book: https://leanpub.com/react-clean-code/c/mYXp686cMFw1 (30% off)
After I published my last episode (https://youtu.be/VUSU6Fo8OwE) of React Clean Code - The Payment section with round-up logic, I thought that would be the final state.

And then I realised that I could apply the Strategy Pattern to the application and make the application super easy to extend and only requires a minimal amount of changes to the existing code.

So I decided to make another video tutorial. As before, I'm going to show you how to apply Test-Driven Development to add more features to the existing Payment section (https://youtu.be/a0ZxlRgxDAs).

We'll learn how to identify code smells and apply small refactorings each time and make the code always in a clean and easy-to-understand state.

Some other useful links for the tutorial:

5 Essential Steps for Applying TDD: https://icodeit.ck.page/5-steps-tdd
Maintainable React: https://leanpub.com/maintainable-react
Maintainable React Cheatsheet: https://icodeit.ck.page/maintainable-react-tips

Table of Contents:

01:30 - Clean up
07:46 - Strategy Pattern
43:11 - Moving into context

Play it around here: https://codesandbox.io/s/round-up-refactoring-6i4m6i?file=/src/round-up/Payment.tsx
Latest Code: https://github.com/abruzzi/round-up-tdd