{"id":21240971,"url":"https://github.com/dhiant/react-form","last_synced_at":"2026-04-20T05:01:56.480Z","repository":{"id":109155820,"uuid":"504151533","full_name":"dhiant/react-form","owner":"dhiant","description":"Handle and Validate React Forms without a Library","archived":false,"fork":false,"pushed_at":"2022-06-19T15:53:11.000Z","size":274,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T03:44:19.900Z","etag":null,"topics":["formhandling","formvalidation","react","reactforms","vite"],"latest_commit_sha":null,"homepage":"https://react-form-handling.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dhiant.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-16T12:43:14.000Z","updated_at":"2022-10-25T04:11:34.000Z","dependencies_parsed_at":"2023-05-02T08:55:14.008Z","dependency_job_id":null,"html_url":"https://github.com/dhiant/react-form","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dhiant/react-form","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhiant%2Freact-form","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhiant%2Freact-form/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhiant%2Freact-form/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhiant%2Freact-form/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dhiant","download_url":"https://codeload.github.com/dhiant/react-form/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhiant%2Freact-form/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32033717,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["formhandling","formvalidation","react","reactforms","vite"],"created_at":"2024-11-21T00:54:00.631Z","updated_at":"2026-04-20T05:01:56.463Z","avatar_url":"https://github.com/dhiant.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Getting Started with Vite\n\nThis project was bootstrapped with Vite.\n\n## Handle \u0026 Validate Forms in React\n\nAn application used to validate forms in react without a library.\n\n## Overview of Vite\n\u003ch5\u003eVite  is the next generation in frontend tooling. It focuses on speed and performance by improving the development experience for modern web projects.\u003c/h5\u003e\n\u003cp\u003e\n  It consists of two major parts:\n  \u003cul\u003e \n    \u003cli\u003eA dev server which provides support for Hot Module Replacement (HMR) for updating modules during the execution of the application. When changes are made to the source code of an application, only the changes are updated, rather than the entire application. This feature helps speed up development time. \u003c/li\u003e\n    \u003cli\u003eA build command that bundles your code with Rollup, pre-configured to output highly optimised static assets for production. \u003c/li\u003e\n\u003c/ul\u003e\n    \n\u003c/p\u003e\n\n## Why Vite over Create React App?\n\u003ch3\u003eHot Module Replacement(HMR)\u003c/h3\u003e\n\u003cp\u003eVite uses HMR capabilities to keep track of changes in your application without reloading the full page. With the HMR API, the browser will only load the modified section of the page and still retain the application's state.\n\nYou don't need to manually set these up - when you create an app via create-vite, the selected templates would have these pre-configured for you already.\u003c/p\u003e\n\n  \u003ch3\u003eNative ECMAScript module support \u003c/h3\u003e\n  \u003cp\u003e \n  Vite supports ES modules natively. It allows you to develop for the browser with bare imports like TypeScript and\n    it converts them to proper versioned imports on build.\n  \u003c/p\u003e\n  \u003ch3\u003eSpeed\u003c/h3\u003e\n  \u003cp\u003eVite is 10–20 times faster than CRA because it uses esbuild instead of webpack under the hood. It’s hard to describe how much faster it feels but all changes are essentially instantaneous in your browser.\n\nOne thing to note is that Vite doesn’t type check your code. It only transpiles TypeScript to JavaScript. So you might find some static bugs when building later in your development pipeline. Your IDE should help with this though.\u003c/p\u003e\n  \n  \n  ## What is the use of this repo?\n\nThis Project is a Simple ReactJS Project which demonstrates the following\n\n\u003cul\u003e\n  \u003cli\u003eCreating a react app using Vite.\u003c/li\u003e\n  \u003cli\u003eForm Validation \u003c/li\u003e\n  \u003cli\u003eForm Handling\u003c/li\u003e\n  \u003cli\u003eUsing pure CSS for styling\u003c/li\u003e\n  \n\n\u003c/ul\u003e\n  \n## Live Application URL\n\n\n\n## Prerequisties\n\n### Install `Node JS`\n\nRefer to https://nodejs.org/en/ to install nodejs\nNode.js version 12.2.0 or higher is required.\n\n### Install `npm`\nPackage manager - Npm or Yarn\nAlong with nodejs npm gets downloaded globally in your computer. Run `npm -v` in terminal to confirm if it is downloaded.\n  \n  \n### Compatible browser for development\n\n## Setup Instructions\n\nOnce nodejs is installed on your computer run `node -v` to see the downloaded version and `npm -v` in the terminal (git bash)to see their downloaded version.\nSometimes we'll get error while creating a react app. This may be the case of nodejs version. In that case, you need to downgrade the nodejs version. If you have nodejs version 17+, it's better to use version 16+.\u003ca href = \"https://heynode.com/tutorial/install-nodejs-locally-nvm/\" target=\"_blank\"\u003e Click the link \u003c/a\u003e to solve the problem.\n\n#### Example:\n\nClone down this repository. Run`git clone https://github.com/dhiant/react-form.git` in the terminal.\n\nInstallation:\n\n`npm install`\n\nTo Start Server:\n\n`npm run dev` - now the react app gets rendered in browser\n\nTo Visit App:\n\n`localhost:3000/`\n\n## Learn More\n\nYou can learn more in the [Vite documentation](https://vitejs.dev/guide/#scaffolding-your-first-vite-project).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhiant%2Freact-form","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdhiant%2Freact-form","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhiant%2Freact-form/lists"}