react_sum

[142536Def]

Sum Component

Create a Sum component accepting a and b props and rendering a paragraph with a text like Sum of 2 and 1 is 3. Replace numbers with actual
values. If the a or b props are not passed, set them to 0.

Please note: use named export (not default).

The App should contain the next Sum components:

• a = 2 and b = 3;
• a = -5 and b = 5;
• just a = 10;
• just b = 5;
• no params at all.

Instructions

• Install Prettier Extention and use this VSCode settings to enable format on save.
• Implement a solution following the React task guideline.
• Open one more terminal and run tests with npm test to ensure your solution is correct.
• Replace <142536Def> with your Github username in the DEMO LINK and add it to the PR description.

[mateacademy-ai-mentor]

Review Summary

Your Sum component is working correctly with all required functionality implemented: proper named export, default prop values of 0 for both a and b, and accurate text output. All five required Sum instances are present in App.jsx. While there's a style preference violation ([CHECKLIST ITEM #2]) where separate JSX expressions are used instead of template literal interpolation, the component produces the correct output. Since functionality is not broken and the issue is purely stylistic, I'm approving this submission. Consider refactoring to use {`Sum of ${a} and ${b} is ${a + b}`} in future iterations for cleaner code.

---

✨ Please rate this review in the Platform's notification center¹. I will be grateful for your feedback! ✨

Footnotes

1. Rate AI review example ↩

[mateacademy-ai-mentor]

This violates checklist item #2: Use string interpolation inside tag content. Use template literals: {Sum of ${a} and ${b} is ${a + b}}