How can I implement data encryption in my React app?

How can I implement data encryption in my React app?

You can use libraries like CryptoJS or the Web Crypto API to encrypt data in your React application.

Can you show me a simple example using CryptoJS?

Sure! First, install CryptoJS using npm: npm install crypto-js. Then, you can encrypt and decrypt data like this:

import CryptoJS from 'crypto-js';

const secretKey = 'mySecretKey';
const data = 'Hello, World!';

// Encrypt
const encryptedData = CryptoJS.AES.encrypt(data, secretKey).toString();

// Decrypt
const bytes = CryptoJS.AES.decrypt(encryptedData, secretKey);
const decryptedData = bytes.toString(CryptoJS.enc.Utf8);
console.log(decryptedData); // Hello, World!

What are the best practices for managing encryption keys?

Best practices include using environment variables to store keys, rotating keys regularly, and using a secure key management service.