Playing with D3 Version 4, React, React-Motion – Chris Roth – Medium

Playing with D3 Version 4, #reactjs, React-Motion – Medium

  • We just set up a component with an svg container.
  • Live Example (sorry, direct links to the examples are currently broken)
  • Example 3: An animated path using react-motion
  • All three examples provide different findings, see summary at the bottom.
  • The example provides a way to animate the graphs in React.

Here we present 3 examples, combining the power of the new d3 Version 4 modules and React (and React-Motion, and Redux). Based on the new d3 modules by Mike Bostock, we wanted to find out a bit about…
Continue reading “Playing with D3 Version 4, React, React-Motion – Chris Roth – Medium”

React Routify by rwhitmire

React Routify
 A routing library for #ReactJS applications

#NodeJS

  • import React , { Component } from ‘ react ‘ import { Router } from ‘ react-routify ‘ const Home = () => < div > home < / div > const About = () => < div > about < / div > const NotFound = () => < div > 404 < / div > const routes = [ { path : ‘ / ‘ , component : Home }, { path : ‘ /about ‘ , component : About }, { path : ‘ * ‘ , component : NotFound } ] class App extends Component { render () { return ( < div > < nav > < a href = " / " > home < / a > < a href = " /about " > about < / a > < / nav > < Router routes = {routes} / > < / div > ) } }
  • commits \/ ( \d + ) \.\. ( \d + ) / , component : Commits }, { path : ‘ * ‘ , component : NotFound } ]
  • Use higher order components for nesting.
  • Route information can be accessed via props.route
  • React Routify is maintained by rwhitmire This page was generated by GitHub Pages .

Continue reading “React Routify by rwhitmire”