https://github.com/lucasbailo/use-reducer-tailwind

Training use reducer and tailwind
https://github.com/lucasbailo/use-reducer-tailwind

Last synced: about 1 month ago
JSON representation

Training use reducer and tailwind

• Host: GitHub
• URL: https://github.com/lucasbailo/use-reducer-tailwind
• Owner: lucasbailo
• Created: 2024-08-07T16:29:15.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-07T16:44:09.000Z (6 months ago)
• Last Synced: 2024-08-07T19:50:48.534Z (6 months ago)
• Language: JavaScript
• Homepage: https://use-reducer-tailwind.vercel.app
• Size: 187 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Welcome again to another React project! 👋

# Learning Use Reducer + Tailwind - React Project

### Home

- Home page where you can create your list of random things.

![](./public/homepage.png)

## Some code that I'm proud of

```js

const [phrase, setPhrase]= useState('')

const [phrases, dispatch]= useReducer(reducer, [])

function savePhrase (event) {

event.preventDefault()

dispatch({

    type: ADD_PHRASE,

    phrase: phrase

})

}

function deletePhrase (deletedPhrase) {

dispatch({

    type: REMOVE_PHRASE,

    phrase: deletedPhrase

})

}

```

## Built with

- REACT;

- Tailwind.

## Test the project yourself: [Teste the project here!!!](https://use-reducer-tailwind.vercel.app/)

## Author

- Website - [My GitHub](https://github.com/lucasbailo)

- Frontend Mentor - [@lucasbailo](https://www.frontendmentor.io/profile/lucasbailo)

- Instagram - [@lucassbailo](https://www.instagram.com/lucassbailo/)

- LinkedIn - [Lucas Bailo](https://www.linkedin.com/in/lcsbailo)