React projects for beginners

React -Projekt für Anfänger -Repository

Willkommen im React -Projekt für Anfänger -Repository! Dies ist ein besonderer Ort für Anfänger, die sich leidenschaftlich für das Lernen und den Beitrag zur Reaktion von JS Open-Source-Projekten leisten. (85 ++ Projekte)

Hinweis Nr. 1: Bitte überprüfen Sie Ihr Projekt sorgfältig, es sollte fehlerfrei sein. Ihr Projekt wird überprüft. Wenn der Rezensent einen Fehler gefunden hat, den Ihre Anfrage als "ungültig" markiert wird.

Hinweis Nr. 2: Vergessen Sie nicht, Ihr Projekt in der Datei `Projects.js` im Stammordner des Repo aufzulisten. Sie können auch den Demo -Link Ihres Projekts hinzufügen (falls vorhanden)

Hinweis Nr. 3: Bitte lesen Sie die Richtlinien zur Repo-Größe Management.

Beschreibung

Dieses Repository dient als Plattform für das React -Projekt für Anfängerteilnehmer, die auf ihrer Reise zum Mastering React JS sind und pro Hacktoberfest einen Beitrag leisten möchten. Es ist ein Ort, an dem Sie Ihre Mini-Projekte teilen, von anderen lernen und zum Wachstum der Open-Source-Community beitragen können.

Egal, ob Sie einen einfachen Taschenrechner, eine Aufgabenliste oder eine Wetter-App erstellt haben, Ihre Beiträge sind hier begrüßt. Das Hauptziel dieses Repositorys ist es, das Lernen und die Zusammenarbeit zwischen Entwicklern zu fördern, die neu in Reaktion und Open-Source-Beiträgen sind.

Was ist Hacktoberfest?

Das HacktoBerfest ist eine einmonatige Feier der Open-Source-Software, die von Digitalocean betrieben wird. Es steht allen in unserer globalen Gemeinschaft offen. Egal, ob Sie ein Entwickler sind, ein Schüler, der lernt, einen Event-Host oder ein Unternehmen jeder Größe zu codieren, Sie können dazu beitragen, das Wachstum von Open-Source zu fördern und positive Beiträge zu einer ständig wachsenden Gemeinschaft zu leisten. Alle Hintergründe und Fähigkeiten werden ermutigt, die Herausforderung zu machen. Klicken Sie hier, um Informationen zu Hacktoberfest zu erhalten

Beitragsprozess

1. Fork : Fork dieses Github -Repo zu Ihrem eigenen Github -Konto 2. Klon : Klonen Sie das Forked Repo (das in Ihrem Konto vorhandene Repo) in Ihre lokale Maschine (Erinnerung: Stellen Sie sicher, dass Sie sich im Verzeichnis befinden, in dem Sie das gespeicherte Repository möchten).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. Schalten Sie einen neuen Zweig auf

git checkout -b my-new-branch

4. Änderungen : Erstellen Sie eine neue Filiale und verpflichten Sie Ihre Änderungen in dieser Filiale. 5. Hinzufügen und Festlegen

• Fügen Sie Ihre Änderungen hinzu

git add .

• Verpflichten Sie Ihre Änderungen. (Erinnerung: Stellen Sie sicher, dass Ihre relevante Nachricht die erforderlichen Details enthält, um die Änderungen (en) zu verstehen).

git commit -m "Relevant message"

6. Push : Nachdem alle Änderungen begangen wurden, drücken Sie Ihre Änderungen in Ihr Remote -Repo.

git push origin my-new-branch

7. PR : Erhöhen Sie nach Änderungen einen PR von Ihrem Remote -Repo auf die Entwicklerzweig dieses Repos (Erinnerung: Stellen Sie sicher, dass Sie Ihre PR angemessen ansprechen, um das Hauptthema Ihrer Anfrage zu verstehen).

Durch die Teilnahme an diesem Repository tragen Sie nicht nur zur Open Source bei, sondern auch Ihre Fähigkeiten in React JS. Lassen Sie uns während dieses Hacktoberfestes unterhaltsam und interaktiv reagieren! Happy Coding und ein fröhliches Hacktoberfest!

Beitragsrichtlinien

Bitte befolgen Sie die Beitragsrichtlinien, bevor Sie eine Pull -Anfrage stellen. Qualitätsbeiträge machen die Open-Source-Community zu einem erstaunlichen Ort, um zu lernen, zu inspirieren und zu kreieren.

Suchen Sie die vollständige Liste der Richtlinien in der Datei mit Beitrags.md.

Richtlinien zur Repo-Größe Management

In diesem Repository verfügt über mehrere Projekte und um eine reibungslose Leistung und ein effizientes Management zu gewährleisten. Die folgenden Richtlinien müssen befolgt werden:

1. Einschränkung der Projektgröße

• Jeder einzelne Projektordner sollte 15 MB nicht überschreiten .
• Wenn ein Projekt aufgrund zusätzlicher Vermögenswerte oder Daten mehr Platz erfordert, sollten Sie den Code neu refactorieren oder externe Dateien an einem separaten Ort (z. B. Cloud -Speicher- oder Github -Seiten) speichern.

2. Dateiorganisation

• Projekte sollten in klar beschrifteten Ordnern unter dem Stammverzeichnis organisiert werden.
• Halten Sie die Ordnerstruktur einfach, z. B. Project_name1/ , Project_name2/ usw.

3. Vermeiden Sie große Binärdateien

• Beachten Sie keine großen Binärdateien (z. B. Videos, hochauflösende Bilder, kompilierte Ausführungsfähigkeiten) direkt zum Repository.
• Verwenden Sie Git LFS (großer Dateispeicher) für Dateien, die über 100 MB größer als 100 MB sind, oder in Betracht, große Vermögenswerte außerhalb des Repositorys zu speichern und mit ihnen zu verknüpfen.

4. Minimieren Sie externe Bibliotheken

• Minimieren Sie die Verwendung starker Bibliotheken von Drittanbietern oder externen Abhängigkeiten.
• Verwenden Sie eine .gitignore -Datei, um unnötige oder autogenerierte Dateien auszuschließen (z. B. node_modules/ , build/ usw.).

5. Regelmäßige Aufräumarbeiten

• Führen Sie eine regelmäßige Reinigung unnötiger Dateien (z. B. Protokolle, temporäre Dateien) durch.
• Entfernen Sie veraltete oder nicht verwendete Code, Vermögenswerte oder Projekte aus dem Repository.

6. Komprimierung von Vermögenswerten

• Bildkomprimierung : Verwenden Sie Tools wie Tinypng, ImageOptim oder Squoosh, um Bilder (PNG, JPEG usw.) zu komprimieren, bevor Sie sie begehen.
  • Für Webbilder : Verwenden Sie geeignete Formate wie WebP , um die Größe ohne Kompromisse erheblich zu reduzieren.
• Begrenzungsauflösung : Vermeiden Sie es unnötig, hochauflösende Bilder zu verwenden. Bei den meisten React -Projekten reicht eine Auflösung von 72 DPI (Punkte pro Zoll) für das Web aus.
• SVG -Verwendung : Verwenden Sie SVG -Dateien, wann immer möglich für Vektorgrafiken, da sie skalierbar und leicht sind.
• Komprimieren Sie andere Vermögenswerte wie PDFs und Audiodateien mithilfe verlustloser Komprimierungstools, bevor Sie sie zum Repository hinzufügen, um die Dateigröße zu reduzieren.

7. Code für die Leistung optimieren

• Bundle und Minify : Stellen Sie sicher, dass Ihr Projekt -Setup Tools wie WebPack oder VITE verwendet, um JavaScript- und CSS -Dateien zu bündeln und zu minifieren. Dies reduziert die Dateigrößen und beschleunigt die Ladezeiten.
• Baumschütteln : Importieren Sie bei der Verwendung von Bibliotheken von Drittanbietern nur die erforderlichen Teile (Baumschütteln), um den nicht verwendeten Code zu vermeiden.
  • Bevorzugen Sie beispielsweise import { Button } from 'library' anstelle von import * as Library from 'library' .

8. Versioning und Geschichtsmanagement

• Halten Sie die Verlaufsgeschichte sauber, indem Sie häufige Commits unnötiger Dateien vermeiden.
• Verwenden Sie aussagekräftige und präzise Feststellungsnachrichten.
• Wenn ein Projekt im Laufe der Zeit zu groß wird, sollten Sie es in ein separates Repository aufteilen.

9. Beiträge

• Bei Mitwirkenden halten Sie bitte die Größengrößengrößen für die Projektgröße ein. Große Beiträge sollten durch ein Problem oder eine Pull -Anfrage erörtert werden.
• Stellen Sie sicher, dass alle Beiträge für Größe und Leistung optimiert sind, bevor Sie sie einreichen.

Verhaltenskodex

Dieses Projekt hält sich an die Hacktoberfest -Werte ↗ und den Verhaltenskodex von Mitwirkenden ↗. Durch die Teilnahme wird erwartet, dass Sie diesen Code aufrechterhalten. Zusätzlich dieses Projekt

Lizenz

Dieses Repository ist unter der MIT -Lizenz lizenziert.

Die Zusammenfassung der MIT -Lizenz und der DET DET:

DO: Verwenden Sie den Code in kommerziellen Anwendungen: Beispielsweise kann ein Unternehmen eine proprietäre Software erstellen, die den gesamten Original -Open -Source -Code enthält, und dann Geld für diese Software aufladen. Ändern Sie den Code: Mit anderen Worten können Entwickler den Code ändern/aktualisieren. Kopien des Codes und alle Änderungen verteilen: Solange die ursprüngliche Copyright -Mitteilung und die Lizenz selbst enthalten sind, kann eine Organisation Kopien oder geänderte Versionen des Codes verteilen und verkaufen. SUBLICENSE den Code: Dies bedeutet, dass Sie den ursprünglichen Code mit einer strengeren Lizenz in eine Änderung einbeziehen können.

Nichts: Der Code -Autor kann nicht aus irgendeinem Grund rechtlich haftbar halten. Die Urheberrechtsanzeige und die ursprüngliche Lizenz aus Ihrer Version des Codes können nicht löschen.

Fangen wir an, die Open-Source-Community für alle zu einem besseren Ort zu machen!

React -Projekt für Anfänger -Repository

Willkommen im React -Projekt für Anfänger -Repository! Dies ist ein besonderer Ort für Anfänger, die sich leidenschaftlich für das Lernen und den Beitrag zu Open-Source-Projekten verwenden, die React JS verwenden. Sein Hacktoberfest derzeit!

Hinweis Nr. 1: Bitte überprüfen Sie Ihr Projekt sorgfältig, es sollte fehlerfrei sein. Ihr Projekt wird überprüft. Wenn der Rezensent einen Fehler gefunden hat, den Ihre Anfrage als "ungültig" markiert wird.

Hinweis Nr. 2: Vergessen Sie nicht, Ihr Projekt in der Datei `Projects.js` im Stammordner des Repo aufzulisten. Sie können auch den Demo -Link Ihres Projekts hinzufügen (falls vorhanden)

Hinweis Nr. 3: Bitte lesen Sie [Repo-Size-Verwaltungsrichtlinien] (https://github.com/ianshulx/react-projects-for--beginers/blob/main/repo_size_guidelines)

Beschreibung

Dieses Repository dient als Plattform für das React -Projekt für Anfängerteilnehmer, die auf ihrer Reise zum Mastering React JS sind und pro Hacktoberfest einen Beitrag leisten möchten. Es ist ein Ort, an dem Sie Ihre Mini-Projekte teilen, von anderen lernen und zum Wachstum der Open-Source-Community beitragen können.

Egal, ob Sie einen einfachen Taschenrechner, eine Aufgabenliste oder eine Wetter-App erstellt haben, Ihre Beiträge sind hier begrüßt. Das Hauptziel dieses Repositorys ist es, das Lernen und die Zusammenarbeit zwischen Entwicklern zu fördern, die neu in Reaktion und Open-Source-Beiträgen sind.

Was ist Hacktoberfest?

Das HacktoBerfest ist eine einmonatige Feier der Open-Source-Software, die von Digitalocean betrieben wird. Es steht allen in unserer globalen Gemeinschaft offen. Egal, ob Sie ein Entwickler sind, ein Schüler, der lernt, einen Event-Host oder ein Unternehmen jeder Größe zu codieren, Sie können dazu beitragen, das Wachstum von Open-Source zu fördern und positive Beiträge zu einer ständig wachsenden Gemeinschaft zu leisten. Alle Hintergründe und Fähigkeiten werden ermutigt, die Herausforderung zu machen. Klicken Sie hier, um Informationen zu Hacktoberfest zu erhalten

Beitragsprozess

1. Fork : Fork dieses Github -Repo zu Ihrem eigenen Github -Konto 2. Klon : Klonen Sie das Forked Repo (das in Ihrem Konto vorhandene Repo) in Ihre lokale Maschine (Erinnerung: Stellen Sie sicher, dass Sie sich im Verzeichnis befinden, in dem Sie das gespeicherte Repository möchten).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. Schalten Sie einen neuen Zweig auf

git checkout -b my-new-branch

4. Änderungen : Erstellen Sie eine neue Filiale und verpflichten Sie Ihre Änderungen in dieser Filiale. 5. Hinzufügen und Festlegen

• Fügen Sie Ihre Änderungen hinzu

git add .

• Verpflichten Sie Ihre Änderungen. (Erinnerung: Stellen Sie sicher, dass Ihre relevante Nachricht die erforderlichen Details enthält, um die Änderungen (en) zu verstehen).

git commit -m "Relevant message"

6. Push : Nachdem alle Änderungen begangen wurden, drücken Sie Ihre Änderungen in Ihr Remote -Repo.

git push origin my-new-branch

7. PR : Erhöhen Sie nach Änderungen einen PR von Ihrem Remote -Repo auf die Entwicklerzweig dieses Repos (Erinnerung: Stellen Sie sicher, dass Sie Ihre PR angemessen ansprechen, um das Hauptthema Ihrer Anfrage zu verstehen).

Durch die Teilnahme an diesem Repository tragen Sie nicht nur zur Open Source bei, sondern auch Ihre Fähigkeiten in React JS. Lassen Sie uns während dieses Hacktoberfestes unterhaltsam und interaktiv reagieren! Happy Coding und ein fröhliches Hacktoberfest!

Beitragsrichtlinien

Bitte befolgen Sie die Beitragsrichtlinien, bevor Sie eine Pull -Anfrage stellen. Qualitätsbeiträge machen die Open-Source-Community zu einem erstaunlichen Ort, um zu lernen, zu inspirieren und zu kreieren.

Suchen Sie die vollständige Liste der Richtlinien in der Datei mit Beitrags.md.

Richtlinien zur Repo-Größe Management

In diesem Repository verfügt über mehrere Projekte und um eine reibungslose Leistung und ein effizientes Management zu gewährleisten. Die folgenden Richtlinien müssen befolgt werden:

1. Einschränkung der Projektgröße

• Jeder einzelne Projektordner sollte 15 MB nicht überschreiten .
• Wenn ein Projekt aufgrund zusätzlicher Vermögenswerte oder Daten mehr Platz erfordert, sollten Sie den Code neu refactorieren oder externe Dateien an einem separaten Ort (z. B. Cloud -Speicher- oder Github -Seiten) speichern.

2. Dateiorganisation

• Projekte sollten in klar beschrifteten Ordnern unter dem Stammverzeichnis organisiert werden.
• Halten Sie die Ordnerstruktur einfach, z. B. Project_name1/ , Project_name2/ usw.

3. Vermeiden Sie große Binärdateien

• Beachten Sie keine großen Binärdateien (z. B. Videos, hochauflösende Bilder, kompilierte Ausführungsfähigkeiten) direkt zum Repository.
• Verwenden Sie Git LFS (großer Dateispeicher) für Dateien, die über 100 MB größer als 100 MB sind, oder in Betracht, große Vermögenswerte außerhalb des Repositorys zu speichern und mit ihnen zu verknüpfen.

4. Minimieren Sie externe Bibliotheken

• Minimieren Sie die Verwendung starker Bibliotheken von Drittanbietern oder externen Abhängigkeiten.
• Verwenden Sie eine .gitignore -Datei, um unnötige oder autogenerierte Dateien auszuschließen (z. B. node_modules/ , build/ usw.).

5. Regelmäßige Aufräumarbeiten

• Führen Sie eine regelmäßige Reinigung unnötiger Dateien (z. B. Protokolle, temporäre Dateien) durch.
• Entfernen Sie veraltete oder nicht verwendete Code, Vermögenswerte oder Projekte aus dem Repository.

6. Komprimierung von Vermögenswerten

• Bildkomprimierung : Verwenden Sie Tools wie Tinypng, ImageOptim oder Squoosh, um Bilder (PNG, JPEG usw.) zu komprimieren, bevor Sie sie begehen.
  • Für Webbilder : Verwenden Sie geeignete Formate wie WebP , um die Größe ohne Kompromisse erheblich zu reduzieren.
• Begrenzungsauflösung : Vermeiden Sie es unnötig, hochauflösende Bilder zu verwenden. Bei den meisten React -Projekten reicht eine Auflösung von 72 DPI (Punkte pro Zoll) für das Web aus.
• SVG -Verwendung : Verwenden Sie SVG -Dateien, wann immer möglich für Vektorgrafiken, da sie skalierbar und leicht sind.
• Komprimieren Sie andere Vermögenswerte wie PDFs und Audiodateien mithilfe verlustloser Komprimierungstools, bevor Sie sie zum Repository hinzufügen, um die Dateigröße zu reduzieren.

7. Code für die Leistung optimieren

• Bundle und Minify : Stellen Sie sicher, dass Ihr Projekt -Setup Tools wie WebPack oder VITE verwendet, um JavaScript- und CSS -Dateien zu bündeln und zu minifieren. Dies reduziert die Dateigrößen und beschleunigt die Ladezeiten.
• Baumschütteln : Importieren Sie bei der Verwendung von Bibliotheken von Drittanbietern nur die erforderlichen Teile (Baumschütteln), um den nicht verwendeten Code zu vermeiden.
  • Bevorzugen Sie beispielsweise import { Button } from 'library' anstelle von import * as Library from 'library' .

8. Versioning und Geschichtsmanagement

• Halten Sie die Verlaufsgeschichte sauber, indem Sie häufige Commits unnötiger Dateien vermeiden.
• Verwenden Sie aussagekräftige und präzise Feststellungsnachrichten.
• Wenn ein Projekt im Laufe der Zeit zu groß wird, sollten Sie es in ein separates Repository aufteilen.

9. Beiträge

• Bei Mitwirkenden halten Sie bitte die Größengrößengrößen für die Projektgröße ein. Große Beiträge sollten durch ein Problem oder eine Pull -Anfrage erörtert werden.
• Stellen Sie sicher, dass alle Beiträge für Größe und Leistung optimiert sind, bevor Sie sie einreichen.

Verhaltenskodex

Dieses Projekt hält sich an die Hacktoberfest -Werte ↗ und den Verhaltenskodex von Mitwirkenden ↗. Durch die Teilnahme wird erwartet, dass Sie diesen Code aufrechterhalten. Zusätzlich dieses Projekt

Lizenz

Dieses Repository ist unter der MIT -Lizenz lizenziert.

Die Zusammenfassung der MIT -Lizenz und der DET DET:

DO: Verwenden Sie den Code in kommerziellen Anwendungen: Beispielsweise kann ein Unternehmen eine proprietäre Software erstellen, die den gesamten Original -Open -Source -Code enthält, und dann Geld für diese Software aufladen. Ändern Sie den Code: Mit anderen Worten können Entwickler den Code ändern/aktualisieren. Kopien des Codes und alle Änderungen verteilen: Solange die ursprüngliche Copyright -Mitteilung und die Lizenz selbst enthalten sind, kann eine Organisation Kopien oder geänderte Versionen des Codes verteilen und verkaufen. SUBLICENSE den Code: Dies bedeutet, dass Sie den ursprünglichen Code mit einer strengeren Lizenz in eine Änderung einbeziehen können.

Nichts: Der Code -Autor kann nicht aus irgendeinem Grund rechtlich haftbar halten. Die Urheberrechtsanzeige und die ursprüngliche Lizenz aus Ihrer Version des Codes können nicht löschen.

Fangen wir an, die Open-Source-Community für alle zu einem besseren Ort zu machen!

React -Projekt für Anfänger -Repository

Willkommen im React -Projekt für Anfänger -Repository! Dies ist ein besonderer Ort für Anfänger, die sich leidenschaftlich für das Lernen und den Beitrag zu Open-Source-Projekten verwenden, die React JS verwenden. Sein Hacktoberfest derzeit!

Hinweis Nr. 1: Bitte überprüfen Sie Ihr Projekt sorgfältig, es sollte fehlerfrei sein. Ihr Projekt wird überprüft. Wenn der Rezensent einen Fehler gefunden hat, den Ihre Anfrage als "ungültig" markiert wird.

Hinweis Nr. 2: Vergessen Sie nicht, Ihr Projekt in der Datei `Projects.js` im Stammordner des Repo aufzulisten. Sie können auch den Demo -Link Ihres Projekts hinzufügen (falls vorhanden)

Hinweis Nr. 3: Bitte lesen Sie [Repo-Size-Verwaltungsrichtlinien] (https://github.com/ianshulx/react-projects-for--beginers/blob/main/repo_size_guidelines)

Beschreibung

Dieses Repository dient als Plattform für das React -Projekt für Anfängerteilnehmer, die auf ihrer Reise zum Mastering React JS sind und pro Hacktoberfest einen Beitrag leisten möchten. Es ist ein Ort, an dem Sie Ihre Mini-Projekte teilen, von anderen lernen und zum Wachstum der Open-Source-Community beitragen können.

Egal, ob Sie einen einfachen Taschenrechner, eine Aufgabenliste oder eine Wetter-App erstellt haben, Ihre Beiträge sind hier begrüßt. Das Hauptziel dieses Repositorys ist es, das Lernen und die Zusammenarbeit zwischen Entwicklern zu fördern, die neu in Reaktion und Open-Source-Beiträgen sind.

Was ist Hacktoberfest?

Das HacktoBerfest ist eine einmonatige Feier der Open-Source-Software, die von Digitalocean betrieben wird. Es steht allen in unserer globalen Gemeinschaft offen. Egal, ob Sie ein Entwickler sind, ein Schüler, der lernt, einen Event-Host oder ein Unternehmen jeder Größe zu codieren, Sie können dazu beitragen, das Wachstum von Open-Source zu fördern und positive Beiträge zu einer ständig wachsenden Gemeinschaft zu leisten. Alle Hintergründe und Fähigkeiten werden ermutigt, die Herausforderung zu machen. Klicken Sie hier, um Informationen zu Hacktoberfest zu erhalten

Beitragsprozess

1. Fork : Fork dieses Github -Repo zu Ihrem eigenen Github -Konto 2. Klon : Klonen Sie das Forked Repo (das in Ihrem Konto vorhandene Repo) in Ihre lokale Maschine (Erinnerung: Stellen Sie sicher, dass Sie sich im Verzeichnis befinden, in dem Sie das gespeicherte Repository möchten).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. Schalten Sie einen neuen Zweig auf

git checkout -b my-new-branch

4. Änderungen : Erstellen Sie eine neue Filiale und verpflichten Sie Ihre Änderungen in dieser Filiale. 5. Hinzufügen und Festlegen

• Fügen Sie Ihre Änderungen hinzu

git add .

• Verpflichten Sie Ihre Änderungen. (Erinnerung: Stellen Sie sicher, dass Ihre relevante Nachricht die erforderlichen Details enthält, um die Änderungen (en) zu verstehen).

git commit -m "Relevant message"

6. Push : Nachdem alle Änderungen begangen wurden, drücken Sie Ihre Änderungen in Ihr Remote -Repo.

git push origin my-new-branch

7. PR : Erhöhen Sie nach Änderungen einen PR von Ihrem Remote -Repo auf die Entwicklerzweig dieses Repos (Erinnerung: Stellen Sie sicher, dass Sie Ihre PR angemessen ansprechen, um das Hauptthema Ihrer Anfrage zu verstehen).

Durch die Teilnahme an diesem Repository tragen Sie nicht nur zur Open Source bei, sondern auch Ihre Fähigkeiten in React JS. Lassen Sie uns während dieses Hacktoberfestes unterhaltsam und interaktiv reagieren! Happy Coding und ein fröhliches Hacktoberfest!

Beitragsrichtlinien

Bitte befolgen Sie die Beitragsrichtlinien, bevor Sie eine Pull -Anfrage stellen. Qualitätsbeiträge machen die Open-Source-Community zu einem erstaunlichen Ort, um zu lernen, zu inspirieren und zu kreieren.

Suchen Sie die vollständige Liste der Richtlinien in der Datei mit Beitrags.md.

Richtlinien zur Repo-Größe Management

In diesem Repository verfügt über mehrere Projekte und um eine reibungslose Leistung und ein effizientes Management zu gewährleisten. Die folgenden Richtlinien müssen befolgt werden:

1. Einschränkung der Projektgröße

• Jeder einzelne Projektordner sollte 15 MB nicht überschreiten .
• Wenn ein Projekt aufgrund zusätzlicher Vermögenswerte oder Daten mehr Platz erfordert, sollten Sie den Code neu refactorieren oder externe Dateien an einem separaten Ort (z. B. Cloud -Speicher- oder Github -Seiten) speichern.

2. Dateiorganisation

• Projekte sollten in klar beschrifteten Ordnern unter dem Stammverzeichnis organisiert werden.
• Halten Sie die Ordnerstruktur einfach, z. B. Project_name1/ , Project_name2/ usw.

3. Vermeiden Sie große Binärdateien

• Beachten Sie keine großen Binärdateien (z. B. Videos, hochauflösende Bilder, kompilierte Ausführungsfähigkeiten) direkt zum Repository.
• Verwenden Sie Git LFS (großer Dateispeicher) für Dateien, die über 100 MB größer als 100 MB sind, oder in Betracht, große Vermögenswerte außerhalb des Repositorys zu speichern und mit ihnen zu verknüpfen.

4. Minimieren Sie externe Bibliotheken

• Minimieren Sie die Verwendung starker Bibliotheken von Drittanbietern oder externen Abhängigkeiten.
• Verwenden Sie eine .gitignore -Datei, um unnötige oder autogenerierte Dateien auszuschließen (z. B. node_modules/ , build/ usw.).

5. Regelmäßige Aufräumarbeiten

• Führen Sie eine regelmäßige Reinigung unnötiger Dateien (z. B. Protokolle, temporäre Dateien) durch.
• Entfernen Sie veraltete oder nicht verwendete Code, Vermögenswerte oder Projekte aus dem Repository.

6. Komprimierung von Vermögenswerten

• Bildkomprimierung : Verwenden Sie Tools wie Tinypng, ImageOptim oder Squoosh, um Bilder (PNG, JPEG usw.) zu komprimieren, bevor Sie sie begehen.
  • Für Webbilder : Verwenden Sie geeignete Formate wie WebP , um die Größe ohne Kompromisse erheblich zu reduzieren.
• Begrenzungsauflösung : Vermeiden Sie es unnötig, hochauflösende Bilder zu verwenden. Bei den meisten React -Projekten reicht eine Auflösung von 72 DPI (Punkte pro Zoll) für das Web aus.
• SVG -Verwendung : Verwenden Sie SVG -Dateien, wann immer möglich für Vektorgrafiken, da sie skalierbar und leicht sind.
• Komprimieren Sie andere Vermögenswerte wie PDFs und Audiodateien mithilfe verlustloser Komprimierungstools, bevor Sie sie zum Repository hinzufügen, um die Dateigröße zu reduzieren.

7. Code für die Leistung optimieren

• Bundle und Minify : Stellen Sie sicher, dass Ihr Projekt -Setup Tools wie WebPack oder VITE verwendet, um JavaScript- und CSS -Dateien zu bündeln und zu minifieren. Dies reduziert die Dateigrößen und beschleunigt die Ladezeiten.
• Baumschütteln : Importieren Sie bei der Verwendung von Bibliotheken von Drittanbietern nur die erforderlichen Teile (Baumschütteln), um den nicht verwendeten Code zu vermeiden.
  • Bevorzugen Sie beispielsweise import { Button } from 'library' anstelle von import * as Library from 'library' .

8. Versioning und Geschichtsmanagement

• Halten Sie die Verlaufsgeschichte sauber, indem Sie häufige Commits unnötiger Dateien vermeiden.
• Verwenden Sie aussagekräftige und präzise Feststellungsnachrichten.
• Wenn ein Projekt im Laufe der Zeit zu groß wird, sollten Sie es in ein separates Repository aufteilen.

9. Beiträge

• Bei Mitwirkenden halten Sie bitte die Größengrößengrößen für die Projektgröße ein. Große Beiträge sollten durch ein Problem oder eine Pull -Anfrage erörtert werden.
• Stellen Sie sicher, dass alle Beiträge für Größe und Leistung optimiert sind, bevor Sie sie einreichen.

Verhaltenskodex

Dieses Projekt hält sich an die Hacktoberfest -Werte ↗ und den Verhaltenskodex von Mitwirkenden ↗. Durch die Teilnahme wird erwartet, dass Sie diesen Code aufrechterhalten. Zusätzlich dieses Projekt

Lizenz

Dieses Repository ist unter der MIT -Lizenz lizenziert.

Die Zusammenfassung der MIT -Lizenz und der DET DET:

DO: Verwenden Sie den Code in kommerziellen Anwendungen: Beispielsweise kann ein Unternehmen eine proprietäre Software erstellen, die den gesamten Original -Open -Source -Code enthält, und dann Geld für diese Software aufladen. Ändern Sie den Code: Mit anderen Worten können Entwickler den Code ändern/aktualisieren. Kopien des Codes und alle Änderungen verteilen: Solange die ursprüngliche Copyright -Mitteilung und die Lizenz selbst enthalten sind, kann eine Organisation Kopien oder geänderte Versionen des Codes verteilen und verkaufen. SUBLICENSE den Code: Dies bedeutet, dass Sie den ursprünglichen Code mit einer strengeren Lizenz in eine Änderung integrieren können.

Nichts: Der Code -Autor kann nicht aus irgendeinem Grund rechtlich haftbar halten. Die Urheberrechtsanzeige und die ursprüngliche Lizenz aus Ihrer Version des Codes können nicht löschen.

Fangen wir an, die Open-Source-Community für alle zu einem besseren Ort zu machen!