Skip to content

react-router + react-transition-group实现转场动画探索

Notifications You must be signed in to change notification settings

yinran100/react-router-animation-demo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

说明

本仓库是从源仓库SmallStoneSK/react-router-animation-demo中fork出来的,作者写了一篇文章一次react-router + react-transition-group实现转场动画的探索来讲解了其实现过程,在这里,是为了讲解一些关于一般开发者没有解决的问题,是对这一功能点的补充。文章地址

使用

git clone https://github.com/yinran100/react-router-animation-demo.git
cd react-router-animation-demo
npm install
npm start

注意事项

  1. 在手机模式下预览效果更加。
  2. 本项目一共有9个例子,每次运行某个例子时,请将其他例子的import语句注释掉,以避免可能存在的css覆盖。
  3. 前6个是原仓库中的例子,后三个是探索出的3个优化方案,根据场景需要合理参考

预览

App1

App2

App3

App4

App5

App6

About

react-router + react-transition-group实现转场动画探索

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.2%
  • CSS 19.0%
  • HTML 4.8%