https://github.com/jellydn/vite-react-recoil

Simple demo for react + recoil + react-hook-form
https://github.com/jellydn/vite-react-recoil

react recoil-example recoiljs vitejs

Last synced: 6 months ago
JSON representation

Simple demo for react + recoil + react-hook-form

• Host: GitHub
• URL: https://github.com/jellydn/vite-react-recoil
• Owner: jellydn
• Created: 2021-05-18T14:17:11.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2025-04-10T10:02:34.000Z (6 months ago)
• Last Synced: 2025-04-10T11:37:43.341Z (6 months ago)
• Topics: react, recoil-example, recoiljs, vitejs
• Language: TypeScript
• Homepage: https://vite-react-recoil.vercel.app
• Size: 1.36 MB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Welcome to vite-react-recoil 👋

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

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#)

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

> Simple demo for react + recoil + vitejs

[![IT Man - Tech #15 - React State Management - Part 1 [Vietnamese]](https://i.ytimg.com/vi/5rsM84taJX4/hqdefault.jpg)](https://www.youtube.com/watch?v=5rsM84taJX4)

[![IT Man - Tech #15 - React State Management - Part 2 - Demo Apps [Vietnamese]](https://i.ytimg.com/vi/TQYs8ebLE8A/hqdefault.jpg)](https://www.youtube.com/watch?v=TQYs8ebLE8A)

## 🏠 [Homepage](https://github.com/jellydn/vite-react-recoil)

### ✨ [Demo](https://vite-react-recoil.vercel.app)

![https://gyazo.com/73817034758e50a45832d89af01b7678.gif](https://gyazo.com/73817034758e50a45832d89af01b7678.gif)

## Features

- Styling by https://windicss.org/

- Form with https://www.react-hook-form.com/

- State management with Recoil (Atom state, selector and async selector) https://recoiljs.org/

## Install

```sh

yarn install

```

## Built with

- [Recoil JS - A state management library for React](https://recoiljs.org/docs/introduction/getting-started/)

- [Windi CSS - Next generation utility-first CSS framework.](https://windicss.org/)

- [Vite - Next Generation Frontend Tooling](https://vitejs.dev/)

## Usage

```sh

yarn dev

```

## Author

👤 **Dung Huynh**

- Website: https://productsway.com/

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

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

## Show your support

Give a ⭐️ if this project helped you!

---

_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_