Personal website for Rixi
- .route-fade-enter .route-fade-enter-active .route-fade-enter-done enter fade timeout does work, hover exit fade timeout does not trigger at all.
- Issue with Routes being re rendered, because of the link hovering capture fxn.
this.state.hoveredLocation
is changing.
1 . captureHoveredLocation
// BUG: issue with onMouseOver being triggered multiple times. Issue is most likely the event handler intereacting with child elements triggering it.
// resetHoveredLocation was being called because the mouse "left" from parent to inner child.
// Solution: use mouseEnter and mouseLeave instead of mouseHover and mouseOut
// BUG: issue with onMouseOver being triggered first on child element. Hence `location` is "" because no id.
// if event fires from child, check parent div for id then.
// Solution: instead of setting location from "id", pass as an argument and bind in render.
- documentation
- Host on S3
cd react-boilerplate
.- Run
npm run setup
in order to install dependencies and clean the git repo.
At this point you can runnpm start
to see the example app athttp://localhost:3000
.
Created by and maintained with ❤️ by John Son.
Keywords: React.js, Redux, Hot Reloading, ESNext, Babel, react-router, Offline First, ServiceWorker, styled-components
, redux-saga, FontFaceObserver
Bootstrapped with Max Stoiber's React Boilerplate