Unicode Escape Converter Convert text to Unicode escape sequences (\uXXXX format).

The tool works by first converting the input string into an array of individual characters using the spread operator. Then, it maps over each character to obtain its Unicode code point using the codePointAt method, which returns a single number representing the Unicode value of the given UTF-16 code unit. If the code point is greater than 0xffff, it uses template literals to format the code point as a Unicode escape sequence in the \u{XXXXX} format, where XXXXX represents the hexadecimal representation of the code point. For code points less than or equal to 0xffff, it formats them as \uXXXX with zero-padded 4-digit hex using the toString method and padStart.

The React library's useCallback hook is used to memoize the onProcess function, which wraps the unicodeEscape function, ensuring that it is not recreated unnecessarily. This optimization improves performance by reducing the number of times the function is redefined. The TextToolLayout component from the @/components/shared directory handles rendering the input and output fields, as well as calling the onProcess function when the user submits their input. Error handling is implemented using a try-catch block, which catches any exceptions that occur during the conversion process and returns an error message.

When processing supplementary characters, which have code points above U+FFFF, JavaScript internally represents them as UTF-16 surrogate pairs. The tool handles these characters correctly by using the \u{XXXXX} syntax to represent their Unicode escape sequences. This is made possible by modern JavaScript's support for this extended syntax, allowing the tool to accurately convert and display a wide variety of Unicode characters in their escaped form.