DefGuard / DefGuard/defguard

Design and Implement React Error Boundary

Open
#593 0 comments 0 reactions 0 assignees View on GitHub
good first issue
Dominant language
Rust
Stars
2.8k
Forks
115
Avg merge
1d 3h
Merged PRs (30d)
53

Description

Issue:
When JS for some reason reads an undefined, null or have some unexpected crash/error it leaves now a user with blank white page which is not ideal.

Solution:
Implement error boundaries around common interface concepts like "Setup"(eg. network wizzard or device setup), "Modal" or "Page".
When in some context an critical error occurs we should let the user know something we can't recover from happen.

![Image](https://github.com/DefGuard/defguard/assets/102536422/4283c3e1-13d8-4fbe-b17e-e362fde12d5f)

Example:
https://codesandbox.io/p/sandbox/react-error-boundary-example-djfng?file=%2Fsrc%2Findex.tsx%3A36%2C19
Resources:
https://github.com/bvaughn/react-error-boundary

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.