This video content is for premium members only. Please log in or upgrade your account to view it.
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
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