https://github.com/laststonedjs/react-0-hooks

Through this repo, I plan to build some kind of CRUD application in React, using and emphasizing react hooks. It will have users, and you'll be able to add, update, or delete users. We won't use any React classes, and instead we'll utilize State Hooks and Effect Hooks on functional components.
https://github.com/laststonedjs/react-0-hooks

Last synced: 3 months ago
JSON representation

Through this repo, I plan to build some kind of CRUD application in React, using and emphasizing react hooks. It will have users, and you'll be able to add, update, or delete users. We won't use any React classes, and instead we'll utilize State Hooks and Effect Hooks on functional components.

• Host: GitHub
• URL: https://github.com/laststonedjs/react-0-hooks
• Owner: laststonedjs
• Created: 2023-05-21T15:32:07.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-23T15:38:33.000Z (about 2 years ago)
• Last Synced: 2025-01-14T03:39:06.314Z (4 months ago)
• Language: CSS
• Size: 326 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React-O-Hooks

---

## CRUD App built with React

---

## Goals

### Through this repo, I plan to build some kind of CRUD application in React, using and emphazinig react hooks.

### It will have users, and you'll be able to add, update, or delete users. We won't use any React classes, and instead we'll utilize State Hooks and Effect Hooks on functional components.

## HOW TO START THE APP

=======

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

## CSS Styles

- For index.css, I just copy and paste the CSS from Primitive, a simple CSS boilerplate I made, as the point of this app is to work on React and not care about design. This CSS boilerplate just adds some sensible defaults and a simple grid so we can start prototyping.

---

### Screenshots

![view_users](https://github.com/laststonedjs/react-0-hooks/assets/58791451/5eb2b541-2f52-40de-bd8b-d56b79d9082b)

![add_user](https://github.com/laststonedjs/react-0-hooks/assets/58791451/3a4eef65-41d2-4e82-9aec-c434a578e7c6)

![added_user](https://github.com/laststonedjs/react-0-hooks/assets/58791451/6cd64b39-9310-4f13-bfa0-5ef661dc3b19)

---