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 !

Shoutout to Maximilian Schwarzmüller for this project and its design, the lectures, the exercises, and the React course in Udemy. Mahalo, Thank you! 🌺