kiki-le-singe / React Router Animation Examples
Licence: mit
An example using React Router and React's Animations
Stars: ✭ 80
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Router Animation Examples
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (+106.25%)
Mutual labels: webpack, code-splitting, react-router
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-60%)
Mutual labels: webpack, code-splitting, react-router
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+453.75%)
Mutual labels: webpack, code-splitting, react-router
Code Splitting React Webpack
An example of how to code split with Webpack 2 and React Router
Stars: ✭ 138 (+72.5%)
Mutual labels: webpack, code-splitting, react-router
Loadable Components
The recommended Code Splitting library for React ✂️✨
Stars: ✭ 6,194 (+7642.5%)
Mutual labels: webpack, code-splitting, react-router
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+1113.75%)
Mutual labels: webpack, react-router
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-45%)
Mutual labels: webpack, react-router
React Niukeapp
仿牛客APP客户端react项目,使用antdmobile的webpack模板创建
Stars: ✭ 12 (-85%)
Mutual labels: webpack, react-router
Muiscrr Boilerplate
Material-UI Styled Components React Redux boilerplate with offline mode support 🎬
Stars: ✭ 35 (-56.25%)
Mutual labels: webpack, react-router
React Antd Admin Template
一个基于React+Antd的后台管理模版,在线预览https://nlrx-wjc.github.io/react-antd-admin-template/
Stars: ✭ 1,022 (+1177.5%)
Mutual labels: webpack, react-router
That React App You Want
That react app you always wanted: [email protected], [email protected], postCSS, purifycss, dll's and code splitting examples, bregh. Highly opinionated but you better like it.
Stars: ✭ 27 (-66.25%)
Mutual labels: webpack, code-splitting
React Ssr Starter
All have been introduced React environment
Stars: ✭ 20 (-75%)
Mutual labels: webpack, react-router
Redux Json Router
Declarative, Redux-first routing for React/Redux browser applications.
Stars: ✭ 37 (-53.75%)
Mutual labels: webpack, code-splitting
React Boilerplate
Production-ready boilerplate for building universal web apps with React and Redux
Stars: ✭ 53 (-33.75%)
Mutual labels: webpack, code-splitting
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-33.75%)
Mutual labels: webpack, react-router
React Cool Starter
😎 🐣 A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.
Stars: ✭ 1,083 (+1253.75%)
Mutual labels: webpack, react-router
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-18.75%)
Mutual labels: webpack, react-router
React Router Animation Examples
Introduction
This project is just an example using React Router
and React's Animations
in a mobile context. So reduce your screen size.
In this example I only use react-router
but in my opinion we can't only use the router to navigate from one screen to the other. Because obviously the route will change and you'll lose the previous displayed screen. This is not always the wanted effect in a mobile application. Maybe we could combine the router with the pushing and popping techniques like React Native
's Navigation
or native mobile apps.
Note: This example uses react-redux-universal-boilerplate
Requirements
Node
>=6.0.0
Optional
Installation
$ git clone https://github.com/kiki-le-singe/react-router-animation-examples.git <name>
$ cd <name>
$ npm install or yarn
Features
- react
- react-router
- Animation Add-Ons
- webpack 2
- code splitting
Sources
- React Animation
- React Router
- React Router's examples animations
- React Router's examples nested animations
Learn more
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].