https://github.com/chrisnajman/react-form

Form built with React. Extension of Scrimba React Forms tutorials.
https://github.com/chrisnajman/react-form

controlled-components form-elements html-css-javascript reactjs vitejs

Last synced: about 1 year ago
JSON representation

Form built with React. Extension of Scrimba React Forms tutorials.

• Host: GitHub
• URL: https://github.com/chrisnajman/react-form
• Owner: chrisnajman
• License: mit
• Created: 2024-04-30T10:29:53.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-25T19:53:40.000Z (about 1 year ago)
• Last Synced: 2025-02-25T20:36:14.905Z (about 1 year ago)
• Topics: controlled-components, form-elements, html-css-javascript, reactjs, vitejs
• Language: JavaScript
• Homepage: https://chrisnajman.github.io/react-form/
• Size: 214 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Form

- Input data to the form.

- Click 'Submit' to display the output.

- Click 'Reload the page to start again' to clear the output and make the form fields useable again.

> [!NOTE]

> No data is saved.

---

## Scrimba Course Link

The page is an extension of the exercises in the Scrimba course section, beginning with

- [React Forms Intro](https://scrimba.com/learn/learnreact/react-forms-intro-co2774b5e9623a1cad018bc49)

> [!NOTE]

> (Free) subscription and login required to follow the course.

---

## Caveats

`Content.jsx` receives 7 props, while `Form.jsx` receives 25 props!

This feels very wrong, but I wanted to practice passing `state` to child components via `props`.

---

## Testing

Tested on Windows 10 with:

- Chrome

- Firefox

- Microsoft Edge

Page tested in both browser and device views.