„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > ool benutzerdefinierte Repo-Komponenten

ool benutzerdefinierte Repo-Komponenten

Veröffentlicht am 28.08.2024
Durchsuche:127

ool custom repo components

Willkommen im Abschnitt „Benutzerdefiniertes Repository von iHateReading“.

Für die meisten von Ihnen, die nicht wissen, was iHateReading ist, schauen Sie sich die Website an. Sie ist eine Plattform für Entwickler, um Programmieren zu lernen, Projekte zu erstellen und in Sachen Programmierung auf dem Laufenden zu bleiben.

https://ihatereading.in

Heute starte ich einen Abschnitt namens „Custom Repo“, das bedeutet im Grunde, dass benutzerdefinierte Repositories Entwicklern helfen

  • zum einfachen Kopieren und Einfügen des Quellcodes oder der Codekomponenten
  • Laden/klonen/wiederverwenden Sie die Codebausteine ​​
  • Schnell lernen
  • Effizient bauen

Zum Beispiel unten sind die 4 Codebeispiele, die ich geteilt habe

Sehen Sie sich das Demovideo an

Unendliche Karussellkomponente

Karussellkomponente mit unendlichen Scroll-Animationen, erstellt mit GSAP und Tailwind CSS in der next.js-App
Komponente

Temperaturschieberkomponente

Schieberegler, um die Temperaturkomponente erneut zu ändern, animiert mit Gsap und Tailwind-CSS
Komponente

Kleinste Portfolio- oder NavigationBar-Komponente

Kleinste Portfoliokomponente
Komponente

ScrollSyncModal

Scrollen Sie, um die Komponentengröße erneut zu erhöhen und erstellen Sie mit Gsap und Tailwind CSS
Komponente

Derzeit werden folgende Bibliotheken verwendet

  1. GSAP
  2. Tailwind CSS
  3. Framer-Antrag
  4. Reaktionsfeder
  5. Mantine.Dev

Bald werden weitere Komponenten und Boilerplates veröffentlicht, also bleiben Sie auf dem Laufenden und schauen Sie sich die Website ihatereading.in/customrepo an

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/shreyvijayvargiya/4-cool-custom-repo-components-4kn0?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3