diff --git a/README.md b/README.md index d09f050b..650372c3 100644 --- a/README.md +++ b/README.md @@ -4,11 +4,6 @@

Lubycon UI Kit

-

- Lubycon UI Kit은 한국의 고유 문자인 한글을 기반으로 설계된 UI 라이브러리입니다.
- 국내 디자이너와 개발자들이 동일한 도메인 언어로 커뮤니케이션하는 것을 지향하며, 이를 위해 FE 라이브러리와 Figma 플러그인을 동시에 제공합니다.
-

-
Typescript React @@ -52,52 +47,3 @@ function App({ children }: PropsWithChildren<{}>) { return {children}; } ``` - -### 선언적 렌더링 vs Hooks - -Lubycon UI Kit의 많은 컴포넌트들은 선언적 렌더링을 지원하지만, 간혹 선언적 렌더링만으로 처리하기에는 컴포넌트 렌더 트리가 장황하다고 느껴질 수도 있습니다. - -그래서 이런 경우 컴포넌트 렌더 트리에 영향을 받지 않는 몇몇 컴포넌트들에 한해 사용자가 선언적인 방법과 명령적인 방법을 선택해서 사용할 수 있도록 지원하고 있습니다. - -#### 선언적 렌더링 - -```jsx -import React, { useState } from 'react'; -import { Snackbar } from '@lubycon/ui-kit'; - -function Foo() { - const [show, setShow] = useState(false); - - return ( - <> - - - - ); -} - -export default Foo; -``` - -#### Hooks - -```jsx -import React from 'react'; -import { useSnackbar, Button } from '@lubycon/ui-kit'; - -function Foo() { - const { openSnackbar } = useSnackbar(); - - return ( - - ); -} - -export default Foo; -```