Skip to content

Commit f54ddff

Browse files
committed
updated README
1 parent 1e95c41 commit f54ddff

File tree

1 file changed

+26
-0
lines changed

1 file changed

+26
-0
lines changed

README.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,27 @@
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

0 commit comments

Comments
 (0)