From a52040654709a88e2bcb170d13f7aa5b1f95ec0d Mon Sep 17 00:00:00 2001
From: Laktionov Anton <tavres@gmail.com>
Date: Tue, 26 May 2026 21:28:43 +0300
Subject: [PATCH] useCallback with React.memo

---
 src/App.jsx  | 28 +++++++++++-----------------
 src/main.jsx |  2 --
 2 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 823a8ac..a7c87c7 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,31 +1,25 @@
-import memo, { useMemo, useCallback, useState } from 'react'
+import React, { useMemo, useCallback, useState } from 'react'
 
-/*
-function MyComponent() {
-    const memorizetCallback = useCallback(()=>{
-        //тут код хука
-    },[dep1,dep2])
-}
-*/
+const Button = React.memo(({ onClick }) => {
+    console.log('Button rendred');
+    return <button onClick={onClick}>Click me</button>
+})
 
-const Parent = () => {
+function Parent() {
     const [count,setCount] = useState(0);
     
-    const handleClick = useCallback(()=>{
-        setCount(prev => prev + 1)
+    const handlerClick = useCallback(()=>{
+        setCount(prev => prev + 1);
     },[]);
+    
     return (
         <>
-        <h3>{count}</h3>
-        <Child onClick={handleClick} />
+            <h3>Counter: {count}</h3>
+            <Button onClick={handlerClick} />
         </>
     )
 }
 
-const Child = (props) => {
-    return <button onClick={props.onClick}>Add</button>
-}
-
 function App() {
 	return (
 		<>
diff --git a/src/main.jsx b/src/main.jsx
index 950e96a..7e925e8 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -4,7 +4,5 @@ import { createRoot } from 'react-dom/client'
 import App from './App.jsx'
 
 createRoot(document.getElementById('root')).render(
-	<StrictMode>
 		<App />
-	</StrictMode>
 )