Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/saltyaom/react-but-thai

React but it's Thai
https://github.com/saltyaom/react-but-thai

Last synced: 27 days ago
JSON representation

React but it's Thai

Host: GitHub
URL: https://github.com/saltyaom/react-but-thai
Owner: SaltyAom
Created: 2020-10-31T09:09:25.000Z (about 4 years ago)
Default Branch: master
Last Pushed: 2021-07-11T15:58:43.000Z (over 3 years ago)
Last Synced: 2024-10-06T07:45:54.932Z (about 1 month ago)
Language: TypeScript
Homepage: http://npmjs.com/package/react-but-thai
Size: 14.6 KB
Stars: 36
Watchers: 2
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![Powered by Electricity](https://forthebadge.com/images/badges/powered-by-electricity.svg)
![Build with Science](https://forthebadge.com/images/badges/built-with-science.svg)
![Design in MS Paint](https://forthebadge.com/images/badges/designed-in-ms-paint.svg)
![Contains Cat Gif](https://forthebadge.com/images/badges/contains-cat-gifs.svg)
![Work on my Machine](https://forthebadge.com/images/badges/works-on-my-machine.svg)
![You didn't ask for this](https://forthebadge.com/images/badges/you-didnt-ask-for-this.svg)

# React but thai
React but it's Thai translated.

## What
React but thai is React but it's Thai translated with the same modern API.

## Intention
Because I can.

## Why
Don't ask why, ask Why not.

## When to use
When you want to.

## How
Install it
```bash
yarn add react-but-thai react-dom-but-thai

// or with npm
npm install --save react-but-thai react-dom-but-thai
```

Then use the same API but it's translated.

Use `ตอบสนอง` instead of `react`
use `รูปแบบวัตถุเอกสารตอบสนอง` insteand of `react-dom`

### Example
```typescript
import ตอบสนอง from 'react-but-thai'
import รูปแบบวัตถุเอกสารตอบสนอง from 'react-dom-but-thai'

import แอป from './index.js'

รูปแบบวัตถุเอกสารตอบสนอง.แสดงผล(แอป, document.body)
```

### Demo
[Repository](https://github.com/SaltyAom/react-but-thai-demo)
[For working demo](https://react-but-thai.netlify.app)

## React API
Use `ตอบสนอง` instead of `react`

- Fragment as ชิ้นส่วน
- StrictMode as โหมดเข้มงวด
- Profiler as ประวัติ
- Suspense as ใจจดใจจ่อ
- Children as เด็กหลายคน
- Component as ส่วนประกอบ
- PureComponent as ส่วนประกอบบริสุทธิ์
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as __ความลับ_ภายใน_ห้าม_ไม่_ไม่_ใช้_หรือ_คุณ_จะ_ถูก_ไล่ออก
- cloneElement as โคลนธาตุ
- createContext as สร้างบริบท
- createElement as สร้างธาตุ
- createFactory as สร้างโรงงาน
- createRef as สร้างเอกสารอ้างอิง
- forwardRef as ส่งต่อเอกสารอ้างอิง
- isValidElement as เป็นธาตุที่ถูกต้อง
- lazy as ขี้เกียจ
- memo as บันทึก
- useCallback as ใช้โทรกลับ
- useContext as ใช้บริบท
- useDebugValue as ใช้ค่าแก้จุดบกพร่อง
- useEffect as ใช้ผลกระทบ
- useImperativeHandle as ใช้การรับมือจำเป็น
- useLayoutEffect as ใช้ผลกระทบเค้าโครง
- useRef as ใช้เอกสารอ้างอิง
- useState as ใช้สถานะ
- version as เวอร์ชั่น

## React DOM API
use `รูปแบบวัตถุเอกสารตอบสนอง` insteand of `react-dom`

- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as __ความลับ_ภายใน_ห้าม_ไม่_ไม่_ใช้_หรือ_คุณ_จะ_ถูก_ไล่ออก
- createPortal as สร้างทางเชื่อม
- findDOMNode as หาโหนดรูปแบบวัตถุเอกสาร
- flushSync as ล้่างพร้อมกัน
- hydrate as ชุ่มชื้น
- render as แสดงผล
- unmountComponentAtNode as ยกเลิกการเชื่อต่อส่วนประกอบที่โหนด
- unstable_batchedUpdates as อัพเดทเป็นชุดแบบไม่เสถียร์
- unstable_createPortal as สร้างทางเชื่อมแบบไม่เสถียร์
- unstable_renderSubtreeIntoContainer as แสดงต้นไม้ย่อยเข้าไปในภาชนะแบบไม่เสถียร์

## Why should I use this
Because this contains cat gif but React doesn't not.

![Cat](https://media.tenor.com/images/8900e372a59d270b0238b7aea086c08d/tenor.gif)

See?