getify/TNG-Hooks

Feature: `useRender(..)`

Open

#19 geöffnet am 19. Jan. 2019

Auf GitHub ansehen
 (3 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (1.014 Stars) (43 Forks)batch import
enhancementhelp wantedquestion

Beschreibung

This hook is basically exactly like useEffect(..) except that it specifically defers its behavior asynchronously until the render frame (via requestAnimationFrame(..)).

Contributor Guide

Tech Stack
javascriptreact
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Familiarity with React hooksUnderstanding of requestAnimationFrame
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
55
Research-Richtung
Implement the `useRender` hook by modeling it after the existing `useEffect` hook in the repository. The key difference is that `useRender` should schedule its effect using `requestAnimationFrame` instead of running synchronously or asynchronously without a frame. Review the existing hook patterns in the source code, particularly the `useState` implementation, to ensure consistency. Build a simple test case that demonstrates the deferred execution behavior.