Marketplace
Made in Webflow

Webflow + React

20200 views
site profile thumbnail

Description

This is a quick example showing it is possible to add/integrate React Components into your existing Webflow sites. How I did this: - I first created a static component with all the elements and styles - Published the site and copied the component's HTML from the live site - Converted the HTML into JSX with http://magic.reactjs.net/htmltojsx.htm - Coded a quick todo app functionality and retrofitted the generated JSX - Placed a div on the page where the React Component needs to render (It's a good idea to keep the static components alive on a separate page somewhere for when you want to update the styles etc) That's it; you now have a React Component using Webflow generated styles!
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
reactjsreact

More by Sidney Ottelohé

See profile
View details
Multi-Step Form
743
5.5k