Lifecycling with React
As a long-time fan of the Cobbled Classics cycling races I have created a side project to learn React and deal with it's challenges.
Visit cobbled-climbs.netlify.app
or View on Github
In a nutshell I've set up a React environment with Redux to pass states along components and route urls via a select dropdown.
I am injecting JSON data to create an SVG path calculating the coordinates based on the altitude and length values of a climb. The graph is fully responsive and text labels are rendered outside of the SVG to be able to style/resize them.
Theming
With a data-theme attribute I control different themes through css variables. Every theme change is passed into a reducer state.