React Error Boundary

Error Boundary изолирует ошибки в компонентах (например, при сбоях в сторонних библиотеках или API), чтобы приложение оставалось стабильным. Это особенно актуально для крупных проектов, где ошибка в одном компоненте не должна ломать весь UI.

import { Component } from 'react';

class ErrorBoundary extends Component {
state = { hasError: false, error: null };

static getDerivedStateFromError(error) {
return { hasError: true, error };
}

componentDidCatch(error, info) {
console.error('Error:', error, info);
}

render() {
if (this.state.hasError) {
return Error: {this.state.error.message};
}
return this.props.children;
}
}

// Использование
const App = () => (



);

👉 @sWebDev | #полезные_сниппеты