captcha-component-react

libkaptcha

Boilerplate code for the Captcha react component library.

Reference: How to build a React component library

Usage:

import { KaptchaCard } from "@aashutosh-lis/libkaptcha";

// to use library css
import "@aashutosh-lis/libkaptcha/dist/style.css"  


function App() {

  //used for backend validation after frontend-library verification of captcha
  const [uuid, setUuid] = useState<string>(''); 
  

  const updateUuid = (value:string)=>{
    setUuid(value);
  }

  return (
    <div className="App">
      <KaptchaCard url="http://localhost:3000" setCaptchaUuid={updateUuid}/>
    </div>
  );
}

export default App;

Building

The library can be built using npm run build. Once built, the built artifacts are present in the dist directory.

To use the library locally , we publish it to the local yalc store using npx yalc publish in the library's root directory.

Then run npx yalc add <library_name> in the project where you want to use the library.