# React

**Repository Path**: lcui-dev/react

## Basic Information

- **Project Name**: React
- **Description**: 一个用于 LCUI 应用程序开发的 React 库
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-10-06
- **Last Updated**: 2025-01-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @lcui/react

([中文](README.zh-cn.md)/**English**)

A React library for LCUI application development, providing TypeScript type declarations and React version preset components that need to be used in conjunction with [@lcui/cli](https://github.com/lcui-dev/lcui-cli).

## Installation

```sh
npm install -D @lcui/react react @types/react
```

## Usage

```tsx
import { Text, TextInput } from '@lcui/react';
import styles from './app.module.css';

export default function App() {
  return (
    <div className={styles.app}>
      <Text>Hello, World!</Text>
      <TextInput placeholder="Please input..." />
    <div>
  );
}
```

LCUI is not a browser engine, and functions such as text display and input need to be implemented by specific components. Therefore, there may be the following differences in JSX writing:

```diff
  <div className={styles.app}>
-   Hello, World!
+   <Text>Hello, World!</Text>
-   <input placeholder="Please input..." />
+   <TextInput placeholder="Please input..." />
  <div>
```

## License

[MIT](./LICENSE)