title: Integrate Leaflet.Polyline.SnakeAnim with react-leaflet
body: <p>I'm wondering how I might integrate the Leaflet.Polyline.SnakeAnim (<a href="https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim" rel="nofollow noreferrer">https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim</a>) and react-leaflet (<a href="https://github.com/PaulLeCam/react-leaflet" rel="nofollow noreferrer">https://github.com/PaulLeCam/react-leaflet</a>) Leafletjs plugins. </p>
  
  <p>I have a React app that uses react-leaflet to display some Polylines in the DOM. Like this:</p>
  
  <pre><code>&lt;Polyline weight={4} color={ intToRGB(hashCode(session['session_id'])) } positions={session.waypoints.map(waypoint =&gt; [ waypoint.lat, waypoint.lng ])} /&gt;
  </code></pre>
  
  <p>It'd be nice if I could animate them such that they "snakein" like the aforementioned plugin allows. But since my Polylines are implemented as React component I'm not seeing how I would give this functionality to them. </p>
  
  <p>I really like using the react-leaflet syntax and it would be a bummer if I had to port my app to VanillaJS to achieve this feature</p>
  
  <p>Any help is appreciated!</p>
  
  <p><a href="https://github.com/caseysiebel/map-express/blob/master/client/components/Map.js" rel="nofollow noreferrer">https://github.com/caseysiebel/map-express/blob/master/client/components/Map.js</a></p>