react-navigation / react-navigation/react-navigation.github.io
Improve/Update React-Navigation SVGs
まだ誰も着手していません。
- 主要言語
- JavaScript
- スター
- 324
- フォーク
- 2k
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
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.
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
static/img/spiro.svg、static/img/spiro_header.svg、static/img/spiro_white.svg から始めて、現在のファイルサイズとレンダリング結果の見た目を比較してください。3つのアセットを再処理して曲線の制御点を減らし、SVGが視覚的に同等のままでありながらサイズが小さくなっていることを確認してください。
索引モデルが issue の本文から書いたものです。
評価
- 領域
- documentation
- issue の種類
- リファクタリング
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 42/100