File tree Expand file tree Collapse file tree 1 file changed +26
-0
lines changed Expand file tree Collapse file tree 1 file changed +26
-0
lines changed Original file line number Diff line number Diff line change 11# Animating Visibility with CSS: An Example of React Hooks
2+
3+ Please see the Medium post for the tutorial for building this component.
4+
5+ ### Tags
6+ The tutorial is arranged as an incremental set of tags.
7+
8+ *** [ baseline] ( https://github.com/csepulv/animated-visibility/tree/baseline ) ***
9+ Starting point: no animation
10+
11+ *** [ animation-holes] ( https://github.com/csepulv/animated-visibility/tree/animation-holes ) ***
12+ First draft of animation; item not removed from DOM flow
13+
14+ *** [ animation-no-holes] ( https://github.com/csepulv/animated-visibility/tree/animation-no-holes ) ***
15+ Better animation, item completely disappears.
16+
17+ *** [ component-class] ( https://github.com/csepulv/animated-visibility/tree/component-class ) ***
18+ Refactored a reusable component, uses React class components
19+
20+ *** [ component-function] ( https://github.com/csepulv/animated-visibility/tree/component-function ) ***
21+ Refactored a reusable component, uses React functional components
22+
23+ *** [ multiple-animations] ( https://github.com/csepulv/animated-visibility/tree/multiple-animations ) ***
24+ Reuse the animation component in a sidebar and navbar
25+
26+ *** [ final] ( https://github.com/csepulv/animated-visibility/tree/final ) ***
27+ Final component, refactored as function based HOC
You can’t perform that action at this time.
0 commit comments