saul-atomrigs · saul-atomrigs · Mar 19, 2025 · Mar 19, 2025 · Mar 19, 2025 · Mar 19, 2025
diff --git a/README.md b/README.md
@@ -1,31 +1,29 @@
-# react-utils
+# @saul-atomrigs/react
 
-리액트 유틸 함수 모음 라이브러리
+A collection of abstracted utilities for react applications
 
-### `createContext`
+## Usage
 
-인터페이스
+### `createContext`
 
-```ts
-// index.d.ts
-export function createContext<ContextValueType extends object | null>(
-  rootComponentName: string,
-  defaultContext?: ContextValueType
-): readonly [
-  Provider: React.FC<ContextValueType & { children: React.ReactNode }>,
-  useContext: () => ContextValueType
-];
-```
+```tsx
+import { createContext } from '@saul-atomrigs/react';
 
-### `QueryAsyncBoundary`
+const [ThemeProvider, useTheme] = createContext<{ mode: 'light' | 'dark' }>(
+  'Theme'
+);
 
-인터페이스
+function ChildComponent() {
+  const theme = useTheme();
+  console.log('🚀 ~ ChildComponent ~ theme:', theme);
+  return <p>current theme: {theme.mode}</p>;
+}
 
-```ts
-// index.d.ts
-export function QueryAsyncBoundary(props: {
-  pendingFallback: React.ReactNode;
-  rejecterFallback?: React.ReactNode;
-  children: React.ReactNode;
-}): JSX.Element;
+function App() {
+  return (
+    <ThemeProvider mode='light'>
+      <ChildComponent />
+    </ThemeProvider>
+  );
+}
 ```
diff --git a/eslint.config.js b/eslint.config.js
diff --git a/index.ts b/index.ts
@@ -0,0 +1 @@
+export * from './src/create-context';