Sketch2React — Quick Prototyping for React — Part 3.1

 

Hey guys! I have had this one recorded for a while. Actually I was meaning to add things to the end of the tutorial but I then reconsidered. After not being able to record the ending when I had hoped ?. So instead of waiting even longer I said to myself “Juan, godamn it, just edit what you have and release it to the internets”… ??

Enough babbling, let’s talk about the tutorial itself. What you came here for.

What you will learn

  • How to export to React from Sketch2React code app
  • How to be smarter about your image assets
  • How to go back into Sketch and optimise things

Tutorial assets

https://www.dropbox.com/s/okaoqjjgyyq7ull/Quick%20Proto%20Tutorial%20V3.sketch?dl=0

 


Cabana still 30% off

The awesome designs I use in this tutorial comes from the extensive and well crafted design system Cabana by Marc Andrew ??

Here’s 30% off the usual price for all our Sketch2React users.

Totally related tutorials

If you want to get ahead of the class, here’s how you add the link component in your exported React code. ??

Part 2

https://www.dropbox.com/s/okaoqjjgyyq7ull/Quick%20Proto%20Tutorial%20V3.sketch?dl=0

Part 1

https://www.dropbox.com/s/okaoqjjgyyq7ull/Quick%20Proto%20Tutorial%20V3.sketch?dl=0

How to install the link component in React


Have a great day, stay safe ❤️

Juan, Team Sketch2React

Leave a Reply