add task solution#4287
Conversation
mateacademy-ai-mentor
left a comment
There was a problem hiding this comment.
Review Summary
Your implementation is functionally correct and meets all core requirements. The Sum component properly accepts props with destructuring and default values, uses named exports, and all 5 required instances are present in App.jsx with correct default values. The feedback about template literals refers to checklist item #2, which is a code style preference. While the style guide recommends using template literals like `Sum of ${a} and ${b} is ${a + b}` instead of separate JSX expressions, this is a formatting/style issue rather than a functional problem. The linting checklist also classifies such style violations as non-blocking. Your code works correctly, and that's what matters most. Keep up the good work on the implementation!
✨ Please rate this review in the Platform's notification center1. I will be grateful for your feedback! ✨
Footnotes
| import { Sum } from './components/Sum/Sum'; | ||
| import './App.scss'; |
There was a problem hiding this comment.
This violates checklist item #2: use template literals inside tag content instead of separate JSX expressions. Change to {Sum of ${a} and ${b} is ${a + b}}
| export const Sum = ({ a = 0, b = 0 }) => ( | ||
| <p> | ||
| Sum of {a} and {b} is {a + b} |
There was a problem hiding this comment.
This violates checklist item #2: Use string interpolation inside tag content. The content should use template literals: {Sum of ${a} and ${b} is ${a + b}}
https://chlodav.github.io/react_sum/