Formik and Yup libraries have been introduced to handle forms and their validation, respectively. This improves the clarity and robustness of form validation. Handled logic includes character restrictions, requirement conditions, and minimum and maximum length constraints for the 'username', 'email', and 'question' fields of the contact form.
51 lines
1.1 KiB
JSON
51 lines
1.1 KiB
JSON
{
|
|
"name": "forms",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"dependencies": {
|
|
"@testing-library/jest-dom": "^6.2.0",
|
|
"@testing-library/react": "^14.1.2",
|
|
"@testing-library/user-event": "^14.5.2",
|
|
"@types/jest": "^29.5.11",
|
|
"@types/node": "^20.10.6",
|
|
"@types/react": "^18.2.47",
|
|
"@types/react-dom": "^18.2.18",
|
|
"formik": "^2.4.5",
|
|
"react": "^18.2.0",
|
|
"react-dom": "^18.2.0",
|
|
"react-helmet": "^6.1.0",
|
|
"react-scripts": "^5.0.1",
|
|
"typescript": "^5.3.3",
|
|
"web-vitals": "^3.5.1",
|
|
"yup": "^1.3.3"
|
|
},
|
|
"scripts": {
|
|
"start": "react-scripts start",
|
|
"build": "react-scripts build",
|
|
"test": "react-scripts test",
|
|
"eject": "react-scripts eject"
|
|
},
|
|
"eslintConfig": {
|
|
"extends": [
|
|
"react-app",
|
|
"react-app/jest"
|
|
]
|
|
},
|
|
"browserslist": {
|
|
"production": [
|
|
">0.2%",
|
|
"not dead",
|
|
"not op_mini all"
|
|
],
|
|
"development": [
|
|
"last 1 chrome version",
|
|
"last 1 firefox version",
|
|
"last 1 safari version"
|
|
]
|
|
},
|
|
"devDependencies": {
|
|
"@types/react-helmet": "^6.1.11",
|
|
"react-router-dom": "^6.21.1"
|
|
}
|
|
}
|