https://github.com/jellydn/react-tips-2022-demo

Tips for ReactJs in 2022
https://github.com/jellydn/react-tips-2022-demo

jest jest-preview previewjs reactjs tilg

Last synced: 2 months ago
JSON representation

Tips for ReactJs in 2022

• Host: GitHub
• URL: https://github.com/jellydn/react-tips-2022-demo
• Owner: jellydn
• Created: 2022-06-24T15:27:05.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-07-14T18:11:18.000Z (3 months ago)
• Last Synced: 2025-07-14T23:14:12.448Z (3 months ago)
• Topics: jest, jest-preview, previewjs, reactjs, tilg
• Language: TypeScript
• Homepage: react-tips-2022-demo.vercel.app
• Size: 1.97 MB
• Stars: 8
• Watchers: 2
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Welcome to react-tips-demo 👋

[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)

![Version](https://img.shields.io/badge/version-0.0.0-blue.svg?cacheSeconds=2592000)

[![Twitter: jellydn](https://img.shields.io/twitter/follow/jellydn.svg?style=social)](https://twitter.com/jellydn)

> React Tips Demo 2022

[![IT Man - Tip #21 - My top 3 tools for ReactJS in 2022 [Vietnamese]](https://i.ytimg.com/vi/rkgSxUaFfnY/hqdefault.jpg)](https://www.youtube.com/watch?v=rkgSxUaFfnY)

[![IT Man - Tip #27 - LocatorJs - Speed up your web development [Vietnamese]](https://i.ytimg.com/vi/9hHpOtDGK_E/hqdefault.jpg)](https://www.youtube.com/watch?v=9hHpOtDGK_E)

## Tips for ReactJs in 2022

### 1.useTilg

https://github.com/shuding/tilg

- A magical React Hook that helps you debug components.

### 2.Preview.js

https://previewjs.com/

- Preview UI components in your IDE instantly

### 3.Jest Preview

https://github.com/nvh95/jest-preview

Debug your Jest tests. Effortlessly.🛠🖼

### 4. LocatorJs

https://www.locatorjs.com/

Click on a component to go to its code

## Install

```sh

yarn install

```

## Run tests

```sh

yarn run test

```

## Author

👤 **Dung Huynh Duc**

- Website: https://productsway.com/

- Twitter: [@jellydn](https://twitter.com/jellydn)

- Github: [@jellydn](https://github.com/jellydn)

## Show your support

[![kofi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/dunghd)

[![paypal](https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white)](https://paypal.me/dunghd)

[![buymeacoffee](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/dunghd)

Give a ⭐️ if this project helped you!

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Hung Viet Nguyen
💻

    
Dung Duc Huynh (Kaka)
💻

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!