Building A ShadCN UI Component Renderer | Project #2

[@jessequartey]

oh i have a project that needs this exactly this to complete. I guess this weekend's task has been ordained by God.

[@rasmic]

praise Jesus

[@leulfanuel3550]

I always used to wonder how other platforms do this kinda stuff, now i know a little bit how. Thanks man Great video🙏

[@rasmic]

happy this helped my g

[@buildwithharshit]

I love that you did that zoom edit

[@rasmic]

thanks g

[@grimm_gen]

Keep up the good work man! Makes me want to post tech stuff too!

[@rasmic]

do it gang

[@frstylol]

This is actually cool. Well done man!

[@rasmic]

thanks my g

[@asynclab]

@rasmic thanks for the video and its code. What would be your approach for a feature where the generated code should not be copied but served via CDN as an embedded HTML? Say you are using Honojs for example.
Thanks

[@swastikpatel234]

awesome video, and great VScode setup

[@rasmic]

Thanks g!

[@theJamieBenShaw]

Awesome!

[@rasmic]

:)

[@justinjustin4605]

mind doing a vid on how you manage your time for work,side projects, youtube etc

[@rasmic]

idk if i do a go job managing all this tbh

[@MuhammadHamzaIbnAbdulMutlib]

Brother, How do you make this kind of videos, i mean the editing part ?

[@ludovicchenneberg6979]

Hi I think that you should look at the console. Lots of warning. I was asking myself how safe is the code and is it prone to vulnerability attacks

[@rasmic]

i don't see nothing check ur extensions my g

[@ludovicchenneberg6979]

​@@rasmic Try changing the options component by component
Warning: React does not recognize the `textColor` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `textcolor` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at button
Warning: React does not recognize the `backgroundColor` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `backgroundcolor` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
Warning: React does not recognize the `useCustomColors` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `usecustomcolors` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: reactjs.org/link/controlled-components

[@dhruvbakshi9609]

Isnt this just storybook?

[@rasmic]

never used storybook no cap

[@dhruvbakshi9609]

@@rasmic it's nice, would speed up what you showed here

[@DivinPrince]

Hi

[@rasmic]

hello

[@DivinPrince]

@@rasmic great project

[@DeepTitanic]

You should write this in vanilla css

[@rasmic]

man idk if i want to lol