Відео

Do you use vim inside vac? I liked you movement flow in the editor what do you use?

This is an amazing content for someone like me!! hope he comes back and makes contents again!

so hard Oscar, it was so hard to show storybook settings, Oscar why now i have to spend another hour looking for storybook settings.

Would you still export manually now that tools like FireJet exist that will faithfully generate React components with names and hierarchies used in Figma components ?

That's a bad example. Wouldn't use it in production, too verbose. To style explicit dependency, shouldn't use explicit sizes and paddings aren't suppose to be applied on elements out of the element it self.

Nice tutorial! What do you think of tools that auto-generate React components from Figma designs, like Clapy?

Awesome. Please make more videos like this. Your way of explaining things is quite brilliant.

Great for fullstack explaining, It is a pity that the ending is cut, but it can guess from the source code.

man just too good at frontend + he just showed us what kinda thoughts we'll go through when we code 😂 I'm digging you in socials!

Good tutorial!

great vid! helped a bunch! thanks! ps. anyone knows this theme for vscode? looks awesome!

I don't understand the 'import styled from styled-components'... it isn't in your git files. I am assuming it imports your 'styled.d.ts' file ???? I have an error in storybook that says 'styled' is not defined or Module not found: Can't resolve 'styled-copmponents'

what happens at 28:09 ?

Storybook is free ?

Do you still make great videos or do you do live streams? I really like the demonstration of the workflow and would look forward to those future videos you mentioned making!

would you mind sharing some of the code for this walkthrough? really enjoyed it, thanks!

What happened at the end, back out!

Thanks for the video. Definitely going to try storybook out.. I noticed you’re typing all of your css into your jsx file… is that a typical thing you do or for the sake of the video? Is this the only efficient way to streamline the figma to react process or would it be just as convenient putting all the styling into its own css folder?

Thanks

Screen turned into black for last 1 min. ua-cam.com/video/Bwq6RHcGn8M/v-deo.html

Amazing video Oscar. ❤️ We would love for you to build with Clutch. Not bragging, but we make the process of designing styled ReactJS components super simple and easy. 🎉 We give you the options to: - Visually compose styled ReactJS components (and switch to code editing mode whenever you want) - Connect any backend to build LIVE data-driven prototypes - Export the code outside of the platform for independent hosting (Vercel/Netlify) We also have a Figma importer coming soon that will make the process of going from Figma > ReactJS as seamless as possible. Would love your feedback!

Great for a fullstack dev oriented backend like me who cannot center a div !

vim bindings? 👀

The tutorial we’ve all been waiting for. Thank you!!!!

Seeing this video has made me realise how convenient figma is. For practice I try and replicate some designs (from images rather than an actual design file) and I am just now realising how difficult I’ve been making my life 😅 Quite like your workflow. The whole process is very streamlined.

Which font are you using?

thanks for the tutorial! really helpful

I suck at design when using React.... If u are one then this is a must watch .

Hey mate, really appreciate the video. Currently working on my first web dev job and having to convert a heap of figma designs into components, I figured to use storybook since it's basically just creating the components right now. Found your video and will throw you a follow here and on twitch

Stumbled upon you in my recommendations! Awesome video, i love your workflow :)

nice to see your workflow from figma design to implementing in React. I think I'll have a look a Storyboard. I'm looking forward to that tutorial on implementing a theme with Styled Components.

great tutorial, really helpful

Nice will watch it tomorrow, thanks

Why adding padding 16px and not margin 16px? I am only beginning css and wondering if it wont fuck up flex.