reactjs / reactjs/react.dev

Tutorial font hard to read

Offen
#3,174 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

I worked through the tutorial today, it suggests:

We strongly recommend typing code by hand as you’re working through the tutorial and not using copy/paste. This will help you develop muscle memory and a stronger understanding.

I agree with it, but I found impossible because I cannot tell the difference between Braces {} and Parentheses () due to the font.

I'm using Chrome on Ubuntu 20,04 with the Yarun-dark theme so perhaps that causes the issue.

For example the left braces in the copied image below look like parentheses

image

rather than

  renderSquare(i) {
    return <Square value={i} />;
  }

The right braces on below look different on the value= and onClick= lines as well

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.

Rechercherichtung

Beginnen Sie mit der betroffenen Tutorial-Seite und reproduzieren Sie die Darstellung geschweifter und runder Klammern in Chrome unter Ubuntu 20.04 mit dem Yarun-dark-Theme, wobei Sie die Screenshots und JSX-Beispiele als Referenz verwenden. Verfolgen Sie die Formatierung des angezeigten Codes und überprüfen Sie, dass geschweifte und runde Klammern im Tutorial nach Abschluss des Fixes visuell unterscheidbar sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
42/100

Neue Issues direkt in Ihr Postfach

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