reactjs / reactjs/react.dev

[Documentation]Animation

Offen
#580 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

I often have been asked that how to deal with animation with React.
I can find the sentence in reactjs.org.

React can be used to power animations. See React Transition Group and React Motion, for example.

I think it would be nice if there is an Animation page in the Advanced Guides section.
What do you think?

The page would cover the following topics

  • Animation using style prop
  • Animation using className prop
  • Animation using community libraries
    • react-transition-group
    • react-motion
  • ... and more?

Thanks!

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der bestehenden React styling FAQ unter reactjs.org/docs/faq-styling.html#can-i-do-animations-in-react und überprüfe die Struktur der Advanced Guides auf der Dokumentationsseite. Definiere eine Animation-Seite, die Ansätze mit style und className sowie react-transition-group und react-motion abdeckt, wobei der Umfang und alle zusätzlichen Themen vor dem Schreiben festgelegt werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.