Design Using Your Favorite React UI Libraries



If you always find inconsistencies between your designs and the prototype product and it has always been causing issues between your designers and developers! Well, there is a really brilliant solution brought by The UXPin Merge, which allows you to import your favorite open-source or private NPM UI Libraries and use them in your designs. How cool is that? Eventually, developers would find it super easy to turn those designs into code cause they are based on the same components.

You can check out more about UXPin Merge here:
MCM page – https://www.uxpin.com/merge/component-manager?utm_source=coderone&utm_medium=partner&utm_campaign=mcm-youtube-coderone

More on MCM on our resources: https://www.uxpin.com/docs/merge/merge-component-manager#step-1-create-a-library-using-mcm?utm_source=coderone&utm_medium=partner&utm_campaign=mcm-youtube-coderone

Design to React Code Components Video:
https://youtu.be/PsxwVAjMtqI

⭐ Timestamps ⭐
00:00 Intro
00:56 What is UXPin Merge?
02:15 Importing a UI Library (Ant Design) to Uxpin Merge
06:00 Importing different components from the library
10:28 Using antd Button to Design with code
12:28 Using Advanced Components (Calendar, Comments…)
14:18 Final Portfolio Prototype w/ UXPin Merge & Antd

🧭 Turn Design into React Code | From prototype to Full website in no time
https://youtu.be/0xhu_vgKZ8k

🧭 Watch Tutorial on Designing the website on Figma
https://youtu.be/SB3rt-cQZas

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
https://youtu.be/-bll7l-BKQI

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
https://youtu.be/_rnxOD9NKAs

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
https://youtu.be/M_Oes39FNuk

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
https://youtu.be/_rnxOD9NKAs

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
https://youtu.be/VWEJ-GhjU4U

🧭 Introduction to GraphQL with Apollo and React
https://youtu.be/eCO6MvvRhXk

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

Made with 💗 by Coderone

Duration: 00:15:07

source