import React from "react";
import {useForm} from "react-hook-form";
import {yupResolver} from "@hookform/resolvers/yup";
import * as Yup from "yup";
const Forms = ()=>{
const ValidationSchema = Yup.object().shape({
"firstname":Yup.string().required("firstname can't be left blank")
})
const {register,
reset,
handleSubmit,
formState:{errors}} = useForm({
resolver:yupResolver(ValidationSchema)
});

console.log(errors);
const onSubmit = (data)=>{
console.log(data);
};
return(

<>
<div style={{width:500,
margin:50}}>
<form onSubmit={handleSubmit(onSubmit)}>
<div className="form-group">
<label>First Name</label>
<input type="text"
{...register("firstname")}
className={form-control ${errors.firstname?'is-invalid':''}}></input>

</div>

<div className="form-group">
<button type="submit" className="btn btn-success btn-sm">Submit</button>
<button type="reset" onClick={()=>reset()} className="btn btn-danger btn-sm">Reset</button>
</div>


</form>
</div>
</>
)
}
export default Forms;

yarn add @hookform/resolvers

Whatever we share keep it with yourself only please don't share it more

Your career belongs to you not other's

Why most people won't grow despite learning?

They read 100s of books, 100s of videos, & feel they have learnt

Many times attending 100s of seminars & workshop, some go for free & some paid

Come back charged up & wait for things to happen with little actions

Can you imagine nothing changes as they will attend these programs again ?

One thing that I learnt from my mentors is getting insight

Going a step further this is what model will you apply

Information + Insights + Application + Experience = Wisdom

When you achieve this wisdom that is when you grow

One of the learning model below
Learn + Apply + Practice

How many of you have aha moment?


#education #learning #personaldevelopement

Spring Boot Web Appn Folder Strudcture

# Database related properties

spring.datasource.drive-class-name-oracle.jdbc.driver.Oracle Driver

spring.datasource.url=jdbc:oracle:thin: @localhost:1521:xe

spring.datasource.username=ndb

spring.datasource.password=ndb

# Jpa properties/ HB related properties

spring.jpa.show-sql=true

spring.jpa.properties.hibernate.format-sql=true

spring.jpa.hibernate.ddl-auto-update

spring.jpa.database-platform=org.hibernate.dialect.MySQL8Dialect

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.min.js"></script>

<!-- Popper JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

https://t.me/Freelearningjavafullstack

Join here to directly question and ask doubts

Today Class Video