Build & Manage Your Frontend Like a Pro with this DevTool

CoderOne

チャンネル登録者数 11.4万人

6707 回視聴・ 206いいね・ 2023/05/01

Build & Manage Your Frontend Like a Pro with this DevTool

📚 Learn to write cleaner React code with the new SOLID React book:
solidreact.dev/

You can easily now convert your Figma or Adobe XD designs into a fully working React application from wireframing and design into a working code and the code can be exported as React or Next.js with tailwindcss support.

You can try Locofy from here
www.locofy.ai/?utm_source=youtube&utm_medium=video…

⭐ Timestamps ⭐
00:00 Intro
00:45 Install Locofy on Figma
01:20 Optimize your Design
03:24 Locofy Manual Tagging
06:36 Auto-tagging with AI
08:07 Making Design Responsive
10:34 View & Manage Code on Locofy
13:47 Auto Components & Props with AI
16:12 Creating your custom Components
19:17 Preview & Share Prototype
20:00 Export your code
21:19 Auto merge with Github
24:18 Use Real data from API

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
   • Build Login/Register API Server w/ Au...

🧭 Turn Design into React Code | From prototype to Full website in no time
   • Turn Design into React Code | From pr...

🧭 Watch Tutorial on Designing the website on Figma
   • I Design a onecolor Website in 1 hour...

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
   • Create a Modern React Login/Register ...

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
   • Debug React Apps Like a Pro | Master ...

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
   • Master React Like Pro w/ Redux, Types...

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
   • Debug React Apps Like a Pro | Master ...

🧭 Introduction to GraphQL with Apollo and React
   • Introduction to GraphQL with Apollo a...

🐦 Follow me on Twitter: twitter.com/ipenywis
💻 Github Profile: github.com/ipenywis

Made with 💗