reactjs / reactjs/react.dev

Tutorial font hard to read

Ouverte
#3,174 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par la page du tutoriel concernée et reproduisez le rendu des accolades et des parenthèses dans Chrome sur Ubuntu 20.04 avec le thème Yarun-dark, en utilisant les captures d’écran et les exemples JSX comme références. Suivez le style du code affiché sur la page et vérifiez que les accolades et les parenthèses sont visuellement distinguables dans le tutoriel une fois le fix terminé.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript, react
Domaine
documentation, frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
42/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.