Get started with DevLink

Join host Aron Korenblit and guest Victoria Plummer, developer relations lead @ Webflow for a workflow session. You'll learn how to use DevLink to sync website components built in Webflow with any React project to bridge the gap between design and dev.

Get access to the beta & additional DevLink resources: https://wfl.io/livestream-devlink

----

Timestamps:

00:00:00 Stream start

00:02:20 Stream intro

00:05:08 Introducing Victoria from our Devrel team

00:07:06 What is Devlink?

00:10:20 Starting the Devlink demo

00:11:00 Why should you build a web page with React?

00:13:59 The role does Webflow play in a React app

00:15:11 How to find a React synced component in Webflow

00:19:31 How to create a React component with Devlink

00:23:59 Making changes to the styles of a React component

00:26:19 Making a dynamic React component

00:30:59 Q: What types of objects can be passed into React?

00:31:48 Q: What is a runtime prop and a slot?

00:34:25 Comparing runtime props in Webflow and React

00:36:58 Example of a React slot

00:38:58 Adding a chart into React

00:41:28 Q: Can it run a Webflow interaction?

00:43:35 Q: Can existing React components be brought into Webflow?

00:43:36 Q: Can Devlink work with other frontend frameworks?

00:44:25 Q: What Webflow elements are supported in Devlink?

00:45:16 Q: What happens if I make frontend changes in React?

00:46:28 Q: Can I create components for a design system?

00:46:58 Q: Is the Webflow publishing tied to Devlink sync?

00:48:14 Q: Can you show how the React app consumes the data?

00:51:04 Best practices for syncing

00:53:00 Where to find more about Devlink?

00:53:40 Credit roll