Nina Diana

Nina Diana


hCaptcha Component Library for ReactJS

hCaptcha Component Library for ReactJS.

hCaptcha is an easy to use replacement for reCAPTCHA that helps monetize your website.

Sign up at hCaptcha to get your sitekey today. You need a sitekey to use this captcha solution.


You can install this library via npm with:

npm install react-hcaptcha --save


Basic Usage

    <hCaptcha :sitekey="**Your sitekey here**" onVerify={this.onVerifyCaptcha}></hCaptcha>

The two required props are the sitekey and root component. The component will automatically include and load the hCaptcha API library and append it to the root component. This is designed for ease of use with the hCaptcha API!

Props include:

  • sitekey: String, Required
    • This is your sitekey. It allows you to load hCaptcha, and to configure options like difficulty on the hCaptcha dashboard.
  • size: String (normal, compact, invisible)
    • This specifies the “size” of the component. hCaptcha allows you to decide how big the component will appear on render. Defaults to normal. Want a smaller checkbox? Use compact! Invisible does not show a hCaptcha button, and instead pops up on form submit.
  • theme: String (light, dark)
    • hCaptcha supports both a light and dark theme. If no theme is inherently set, the captcha will always default to light.
  • tabindex: Integer
    • Set the tabindex of the widget and popup. When appropriate, this can make navigation of your site more intuitive. This always defaults to 0.
  • languageOverride: String
    • Manually set the language used to render text in the hCaptcha API. See language codes.

The component emits events related to verification and expiration. Simply catch these events in the parent component: onVerify, onExpire, onError and handle the events as you choose. The captcha will automatically reset on error, but still emits an error.

NOTE: Make sure to reset the hCaptcha state when you submit your form by calling the method .resetCaptcha on your hCaptcha React Component! Passcodes are one-time use, so if your user submits the same passcode twice then it will be rejected by the server the second time.

Please refer to the demo for examples of basic usage and an invisible hCaptcha.

Notes to Maintainers

This repository can be found on npm at @hcaptcha/react-hcaptcha. If any updates are committed to master the npm registry should be updated to reflect these changes. See steps below to update the package on npm:



  • Always update package version
  • Run npm publish from inside the current repository

Download Details:

Author: hCaptcha

Official Website:

#reactjs #javascript

What is GEEK

Buddha Community

hCaptcha Component Library for ReactJS

Swati patel


List of Top react UI Component libraries/framework in 2021

React libraries can drastically improve the efficiency of your applications. This article covers everything important about the Reactjs ecosystem, libraries and tools you can leverage to your advantage.Developers have also create some UI for mobile , desktop , web applications.

##react libraries ##reactjs ecosystem ##reactjs ##react ui components

Byte Cipher


ReactJS Development Company USA | ReactJS Web Development Company

ByteCipher is one of the leading React JS app development Companies. We offer innovative, efficient and high performing app solutions. As a ReactJS web development company, ByteCipher is providing services for customized web app development, front end app development services, astonishing react to JS UI/UX development and designing solutions, reactJS app support and maintenance services, etc.

#reactjs development company usa #reactjs web development company #reactjs development company in india #reactjs development company india #reactjs development india

Top Reasons to Choose ReactJS for Web App Development -

ReactJS, a JavaScript library that helps developers to build SEO Friendly web apps. Get to know more about ReactJS and why it is a good option for your next project.

#reactjs #javascript library #reactjs technology #reactjs developers #web app development

Top React JS App Development Company in USA | React JS Services

Hire ReactJS app developers for end-to-end services starting from development to customization with AppClues Infotech.

Are you looking for the best company in USA that provides high-quality ReactJS app development services? Having expertise in building robust and real-time mobile apps using React Native Library.

We can fully support your specific business idea with outstanding tech skills and deliver a perfect mobile app on time.

Our ReactJS App Development Services
• Custom ReactJS Development
• ReactJS Consulting
• React UX/UI development and design
• App modernization using React
• React Native mobile development
• Dedicated React development team
• Application migration to React

For more info:
Call: +1-978-309-9910

#top reactjs app development company in usa #hire best reactjs app developers #best reactjs app development services #custom reactjs app development agency #how to develop reactjs app #cost to build reactjs application

Why ReactJS is better for Web Application Development?

Web Application Development is essential for a business in today’s digital era. Finding the right platform for Web Application Development is important for building an effective Web Application that can enhance the overall customer engagement. Here’s what makes ReactJS a better option for building your next Web Application.

#Why ReactJS is better for Web Application Development #Benefits of ReactJS #What is ReactJS? #ReactJS vs AngularJS