From 34fade08fd73c649a9c6269214c87a86f2f2634c Mon Sep 17 00:00:00 2001
From: Junseong Park <39112954+jsparkdev@users.noreply.github.com>
Date: Sat, 19 Apr 2025 15:03:43 +0900
Subject: [PATCH 1/6] update Korean doc

---
 src/docs/ko/intro.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/docs/ko/intro.md b/src/docs/ko/intro.md
index 8cd4f497..8a490492 100644
--- a/src/docs/ko/intro.md
+++ b/src/docs/ko/intro.md
@@ -12,11 +12,11 @@ React의 선언적인 API를 사용할 때와 최대한 유사한 개발 경험
 
 ```tsx
 function Page() {
-  const [isOpen, setOpen] = useState(false); // [!code --]
+  const [isOpen, setIsOpen] = useState(false); // [!code --]
   // [!code --]
   const toggle = useCallback(() => {
     // [!code --]
-    setOpen(isOpen => !isOpen); // [!code --]
+    setIsOpen(isOpen => !isOpen); // [!code --]
   }, []); // [!code --]
   const [isOpen, toggle] = useToggle(false); // [!code ++]
 
@@ -38,7 +38,7 @@ right-title="with-react-simplikit.tsx">
 <template #left>
 
 ```tsx
-// without react simplikit
+// `react-simplikit`을 사용하지 않은 코드
 const texts = ['hello', 'react', 'world'];
 
 function Page() {
@@ -61,7 +61,7 @@ function Page() {
 <template #right>
 
 ```tsx
-// with react simplikit
+// `react-simplikit`을 사용한 코드
 const texts = ['hello', 'react', 'world'];
 
 function Page() {
@@ -87,7 +87,7 @@ function Page() {
 ```tsx
 function Page() {
   // useIntersectionObserver는 intersection을 감지하는 최소한의 기능을 제공하고,
-  // 감지 후 콜백, intersection 옵션은 외부로부터 주입 받습니다.
+  // 감지 후, 콜백과 intersection 옵션은 외부로부터 주입받아요.
   const ref = useIntersectionObserver<HTMLDivElement>(
     entry => {
       if (entry.isIntersecting) {

From 72bb3b1bd138ca73dbff57663a2d5c35a2e0ad86 Mon Sep 17 00:00:00 2001
From: Junseong Park <39112954+jsparkdev@users.noreply.github.com>
Date: Sat, 19 Apr 2025 15:07:23 +0900
Subject: [PATCH 2/6] update English doc

---
 src/docs/en/intro.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/docs/en/intro.md b/src/docs/en/intro.md
index 3d88ea07..51180782 100644
--- a/src/docs/en/intro.md
+++ b/src/docs/en/intro.md
@@ -1,6 +1,6 @@
 # Introduction to react-simplikit
 
-How can we build React-based applications more safely and reliably? We defined the answer as 'writing React codes in a React-like way' and the answer really began to take shape through react-simplikit.
+How can we build React-based applications more safely and reliably? We defined the answer as 'writing React codes in a React-like way' and the answer really began to take shape through `react-simplikit`.
 
 `react-simplikit` is a lightweight yet powerful library that provides various useful tools in React environments. It is designed to respect React's design principles while improving the React development experience.
 
@@ -12,11 +12,11 @@ We provide a development experience as similar as possible to using React's decl
 
 ```tsx
 function Page() {
-  const [isOpen, setOpen] = useState(false); // [!code --]
+  const [isOpen, setIsOpen] = useState(false); // [!code --]
   // [!code --]
   const toggle = useCallback(() => {
     // [!code --]
-    setOpen(isOpen => !isOpen); // [!code --]
+    setIsOpen(isOpen => !isOpen); // [!code --]
   }, []); // [!code --]
   const [isOpen, toggle] = useToggle(false); // [!code ++]
 
@@ -38,7 +38,7 @@ right-title="with-react-simplikit.tsx">
 <template #left>
 
 ```tsx
-// without react simplikit
+// without `react-simplikit`
 const texts = ['hello', 'react', 'world'];
 
 function Page() {
@@ -61,7 +61,7 @@ function Page() {
 <template #right>
 
 ```tsx
-// with react simplikit
+// with `react-simplikit`
 const texts = ['hello', 'react', 'world'];
 
 function Page() {

From de3e3ea287361e433338b3981aedc02cb7f13e26 Mon Sep 17 00:00:00 2001
From: Junseong Park <39112954+jsparkdev@users.noreply.github.com>
Date: Thu, 24 Apr 2025 16:16:27 +0900
Subject: [PATCH 3/6] update state name

---
 src/docs/en/intro.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/docs/en/intro.md b/src/docs/en/intro.md
index 51180782..f78ec9bf 100644
--- a/src/docs/en/intro.md
+++ b/src/docs/en/intro.md
@@ -12,11 +12,11 @@ We provide a development experience as similar as possible to using React's decl
 
 ```tsx
 function Page() {
-  const [isOpen, setIsOpen] = useState(false); // [!code --]
+  const [isOpen, setOpen] = useState(false); // [!code --]
   // [!code --]
   const toggle = useCallback(() => {
     // [!code --]
-    setIsOpen(isOpen => !isOpen); // [!code --]
+    setOpen(isOpen => !isOpen); // [!code --]
   }, []); // [!code --]
   const [isOpen, toggle] = useToggle(false); // [!code ++]
 

From e203961f6a71286ea8ff49a25d9af3c934a6726e Mon Sep 17 00:00:00 2001
From: Junseong Park <39112954+jsparkdev@users.noreply.github.com>
Date: Thu, 24 Apr 2025 16:17:25 +0900
Subject: [PATCH 4/6] update state name

---
 src/docs/ko/intro.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/docs/ko/intro.md b/src/docs/ko/intro.md
index 8a490492..067b203a 100644
--- a/src/docs/ko/intro.md
+++ b/src/docs/ko/intro.md
@@ -12,11 +12,11 @@ React의 선언적인 API를 사용할 때와 최대한 유사한 개발 경험
 
 ```tsx
 function Page() {
-  const [isOpen, setIsOpen] = useState(false); // [!code --]
+  const [isOpen, setOpen] = useState(false); // [!code --]
   // [!code --]
   const toggle = useCallback(() => {
     // [!code --]
-    setIsOpen(isOpen => !isOpen); // [!code --]
+    setOpen(isOpen => !isOpen); // [!code --]
   }, []); // [!code --]
   const [isOpen, toggle] = useToggle(false); // [!code ++]
 

From 01bacb59baf818d6042fb666dccba0d1d128c5e3 Mon Sep 17 00:00:00 2001
From: Junseong Park <39112954+jsparkdev@users.noreply.github.com>
Date: Thu, 24 Apr 2025 16:38:14 +0900
Subject: [PATCH 5/6] update state name in other pages

---
 src/docs/en/why-react-simplikit-matters.md | 12 ++++++------
 src/docs/ko/why-react-simplikit-matters.md | 16 ++++++++--------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/docs/en/why-react-simplikit-matters.md b/src/docs/en/why-react-simplikit-matters.md
index b20043d2..cd649513 100644
--- a/src/docs/en/why-react-simplikit-matters.md
+++ b/src/docs/en/why-react-simplikit-matters.md
@@ -24,8 +24,8 @@ Based on this, it guides developers to write more declarative React components.
 function AutoCompleteInput() {
   const [query, setQuery] = useState('');
   const [results, setResults] = useState<SearchResult[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [isOpen, setIsOpen] = useState(false);
+  const [isLoading, setLoading] = useState(false);
+  const [isOpen, setOpen] = useState(false);
   const searchTimeoutRef = useRef<NodeJS.Timeout>(null);
   const containerRef = useRef<HTMLDivElement>(null);
 
@@ -35,7 +35,7 @@ function AutoCompleteInput() {
         containerRef.current &&
         !containerRef.current.contains(e.target as Node)
       ) {
-        setIsOpen(false);
+        setOpen(false);
       }
     };
 
@@ -80,9 +80,9 @@ function AutoCompleteInput() {
         value={query}
         onChange={e => {
           setQuery(e.target.value);
-          setIsOpen(true);
+          setOpen(true);
         }}
-        onFocus={() => setIsOpen(true)}
+        onFocus={() => setOpen(true)}
         placeholder="Enter search term"
       />
       {isOpen && (isLoading || results.length > 0) && (
@@ -95,7 +95,7 @@ function AutoCompleteInput() {
                 <div
                   onClick={() => {
                     setQuery(result.title);
-                    setIsOpen(false);
+                    setOpen(false);
                   }}
                 >
                   {result.title}
diff --git a/src/docs/ko/why-react-simplikit-matters.md b/src/docs/ko/why-react-simplikit-matters.md
index becd2010..9aad6852 100644
--- a/src/docs/ko/why-react-simplikit-matters.md
+++ b/src/docs/ko/why-react-simplikit-matters.md
@@ -24,8 +24,8 @@
 function AutoCompleteInput() {
   const [query, setQuery] = useState('');
   const [results, setResults] = useState<SearchResult[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [isOpen, setIsOpen] = useState(false);
+  const [isLoading, setLoading] = useState(false);
+  const [isOpen, setOpen] = useState(false);
   const searchTimeoutRef = useRef<NodeJS.Timeout>(null);
   const containerRef = useRef<HTMLDivElement>(null);
 
@@ -35,7 +35,7 @@ function AutoCompleteInput() {
         containerRef.current &&
         !containerRef.current.contains(e.target as Node)
       ) {
-        setIsOpen(false);
+        setOpen(false);
       }
     };
 
@@ -53,7 +53,7 @@ function AutoCompleteInput() {
       return;
     }
 
-    setIsLoading(true);
+    setLoading(true);
     searchTimeoutRef.current = setTimeout(async () => {
       try {
         const response = await fetch(`/api/search?q=${query}`);
@@ -62,7 +62,7 @@ function AutoCompleteInput() {
       } catch (error) {
         console.error('Failed to fetch results:', error);
       } finally {
-        setIsLoading(false);
+        setLoading(false);
       }
     }, 300);
 
@@ -80,9 +80,9 @@ function AutoCompleteInput() {
         value={query}
         onChange={e => {
           setQuery(e.target.value);
-          setIsOpen(true);
+          setOpen(true);
         }}
-        onFocus={() => setIsOpen(true)}
+        onFocus={() => setOpen(true)}
         placeholder="검색어를 입력하세요"
       />
       {isOpen && (isLoading || results.length > 0) && (
@@ -95,7 +95,7 @@ function AutoCompleteInput() {
                 <div
                   onClick={() => {
                     setQuery(result.title);
-                    setIsOpen(false);
+                    setOpen(false);
                   }}
                 >
                   {result.title}

From 108fef9e20a9ed762cfcf71af6b2dca771f1fcaa Mon Sep 17 00:00:00 2001
From: Junseong Park <39112954+jsparkdev@users.noreply.github.com>
Date: Thu, 24 Apr 2025 16:42:51 +0900
Subject: [PATCH 6/6] update

---
 src/docs/en/why-react-simplikit-matters.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/docs/en/why-react-simplikit-matters.md b/src/docs/en/why-react-simplikit-matters.md
index cd649513..8a9ed8ac 100644
--- a/src/docs/en/why-react-simplikit-matters.md
+++ b/src/docs/en/why-react-simplikit-matters.md
@@ -53,7 +53,7 @@ function AutoCompleteInput() {
       return;
     }
 
-    setIsLoading(true);
+    setLoading(true);
     searchTimeoutRef.current = setTimeout(async () => {
       try {
         const response = await fetch(`/api/search?q=${query}`);
@@ -62,7 +62,7 @@ function AutoCompleteInput() {
       } catch (error) {
         console.error('Failed to fetch results:', error);
       } finally {
-        setIsLoading(false);
+        setLoading(false);
       }
     }, 300);