Generate SHA-384 Hashes Online Generate SHA-384 hash digests from text using the SubtleCrypto API.

The tool works under the hood by utilizing the TextEncoder API to convert input text into a Uint8Array data structure, which is then passed to the crypto.subtle.digest function from the SubtleCrypto API. This function takes two parameters: the algorithm name 'SHA-384' and the input data, generating a hash buffer that represents the 384-bit SHA-384 hash value as an array of bytes. The tool then maps each byte in this array to its corresponding hexadecimal representation using the toString(16) method with padStart(2, '0') for zero-padding, resulting in a string of 96 characters.

When generating the hash, it uses the TextEncoder to encode the input text into UTF-8 format, which is necessary because SHA-384 operates on binary data. If the SubtleCrypto API is not supported by the browser, it falls back to using CryptoJS library's SHA384 implementation, demonstrating a use of polymorphic code that can adapt to different environments. In terms of performance optimization, this approach enables native 64-bit arithmetic operations on compatible processors, thus improving hash generation speed compared to other algorithms like SHA-256.

Internally, the tool relies on React state management with useState and useCallback hooks for handling input text changes and generating hashes. When a user clicks the copy button, it uses the copyToClipboard function from the utils library, which interacts with the browser's clipboard API to transfer the generated hash value into the system clipboard. The tool also features an automatic clear functionality that resets both input and output fields when triggered by the corresponding button click event.

In handling exceptions during hash generation, it silently fails over to using CryptoJS, thereby ensuring a consistent user experience even in less capable browsers or environments where SubtleCrypto is not available. This highlights its ability to use different technologies such as React for building the interface and managing state changes, alongside utilizing specific libraries like TextEncoder and crypto.subtle.digest from the browser's Web Cryptography API.