react-navigation / react-navigation/react-navigation.github.io

Improve/Update React-Navigation SVGs

Ouverte
#1,270 1 commentaire 1 réaction 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
JavaScript
Étoiles
324
Forks
2k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

Problem

All react-navigation SVGs are not optimized properly. And they have big file size of around 33 KB which is because these SVGs has many control points.
SVG Files
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro.svg
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro_header.svg
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro_white.svg

Solution

This problem can be solve if we can reprocess the icon with curves rather than one-by-one control points.

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

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 static/img/spiro.svg, static/img/spiro_header.svg et static/img/spiro_white.svg, puis comparez leurs tailles de fichier actuelles et leur apparence rendue. Retraitez les trois ressources afin que leurs courbes utilisent moins de points de contrôle, et vérifiez que les SVG restent visuellement équivalents tout en réduisant leur taille.

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

Évaluation

Domaine
documentation
Type d'issue
Refactorisation
Difficulté
2/5
Temps estimé
1-3 heures
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.