react / react/react-native

Redesign Native RedBox

Offen
#29,158 12 Kommentare 8 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

@TMaszko arbeitet bereits daran.

Seit 13.3.2022.

Never gets stale Type: Discussion Type: Enhancement
Vorherrschende Sprache
C++
Sterne
127k
Forks
25.3k
Ø Merge
1 T. 23 Std.
Gemergte PRs (30 T.)
4

Beschreibung

Overview

LogBox handles most errors users see but we still display native RedBoxes in cases where:

  • JavaScript has not loaded (e.g. Metro is unavailable)
  • JavaScript is unavailable (e.g. a syntax error in the bundle)
  • LogBox fails to render (e.g. an error in LogBox JavaScript)
  • Native log errors (e.g. RCTLogFatal)

This issue is to improve the fallback RedBox in these cases for a better experience.

Tasks

  • Update design to be in line with LogBox (see below)
  • Cleanup code by removing the symbolication logic (as this is handled by LogBox)
  • Remove stack trace since for all errors that this can occur the stack trace is not relevant

Designs

JavaScript has not loaded (Metro is unavailable)

image

JavaScript is not available (syntax error)

image

LogBox fails to render

image

Native log errors

image

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.