https://github.com/chen-abudi/react-forms
This is a practice project in React, showcasing forms.
https://github.com/chen-abudi/react-forms
css3 javascript react vite
Last synced: 8 months ago
JSON representation
This is a practice project in React, showcasing forms.
- Host: GitHub
- URL: https://github.com/chen-abudi/react-forms
- Owner: Chen-Abudi
- Created: 2024-04-21T13:33:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-28T20:28:09.000Z (over 1 year ago)
- Last Synced: 2024-12-30T20:27:54.463Z (9 months ago)
- Topics: css3, javascript, react, vite
- Language: JavaScript
- Homepage:
- Size: 134 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-forms
## 📣 Overview:
- Intro
- Tech Stack
- Techniques
- Additional Link
## 🔎 Intro:
This is a practice project in React, and its main focus is on working with **`forms`** and **`user inputs`**.
## 🧰 Tech Stack:
- React + React Hooks
- JavaScript
- CSS3
- Vite
## 🛠️ Techniques:
- **`Two-Way Binding`**: Gives components a way to share data, two-way binding listen for events and update values simultaneously between parent and child components.
- **`Web APIs`**:
- **FormData**: Provides a way to construct a set of key/value pairs representing form fields and their values.
- **`Native Browser APIs`**: Native Browser APIs are built into the browser and provide native features that can also be used in a web app.
- **`Input Validation`**:
- **Upon lost focus (blur)**
- **Upon form submission**
- **`Via built-in validation props`**:
- **e.g. required**
- **Outsource validation logic to make it reusable**
- **`Reusable Component`**
- **`Custom Hooks`**
---
## 🔗 Additional Link:
If you want to strengthen your knowledge and skills of **React, Redux, and more...** along **Best Practices**, Feel free to check this course on Udemy by **`Maximilian Schwarzmüller`**:
## Visit the Course [👉🏽 **HERE !**](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)
**_`Shoutout to Maximilian Schwarzmüller for this project and its design, the lectures, the exercises, and the React course in Udemy. Mahalo, Thank you!`_** 🌺