https://github.com/hasibcoderlab/custom-hook-in-react
https://github.com/hasibcoderlab/custom-hook-in-react
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hasibcoderlab/custom-hook-in-react
- Owner: HasibCoderLab
- Created: 2025-10-23T00:27:47.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-10-23T01:30:21.000Z (2 months ago)
- Last Synced: 2025-10-23T02:38:24.102Z (2 months ago)
- Language: JavaScript
- Size: 38.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Submit Form with useRef
---
# Project Setup
## 1️⃣ Create the project
```bash
npm create vite@latest Custom-Hook-in-React
```
## 2️⃣ Move into the project folder
```bash
cd Custom-Hook-in-React
```
## 3️⃣ Install dependencies
```bash
npm install
```
## 4️⃣ Install Tailwind CSS and Vite plugin
```bash
npm install tailwindcss @tailwindcss/vite
```
## ⚙️ Configure Vite
Edit your vite.config.js file:
```js
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [tailwindcss(), react()],
})
```
## 🎨 Configure Tailwind
In your index.css, import Tailwind:
```css
@import "tailwindcss";
```
## 🖥️ Run the Project
Start the development server:
```bash
npm run dev
```
---
# 💡 Technologies Used
⚛️**React**
⚡ **Vite**
🎨 **Tailwind CSS**
🧩 **Custom Hook**