Create an NPM Package from a React Component

very helpful thank you

So useful

When I tried to npm run build Error: error:0308010C:digital envelope routines::unsupported I cant fix this error

Thanks❤😊

Finally!! THX :)))

Dude, it was fast, clean and to-the-point! thanks!

I do react but I still don't know babel and webpack. do we need them to create an package

thanks my brother! this help me a lot!!!

Thank You So much...Really helped a lot

Is there a particular order that needs to be followed when executing these commands? Because, I tried the same, but i am getting "Invalid Hook Error"

thank you so much

gracias!! sos un genio

What if there is Java code for native Android component? How do we include Java code into npm package too? I meant in React Native, not simply React.

Great tutorial man, Thanks it helped me alot.

Hey, Thanks for the tutorial. Straight forward and quick!

thanks alot this was really helpful :)

Thank You!

Hey Yurko, ty for the video!
Can you pls explain why do we have to link react from application/node_modules and is there any way to avoid it?

how to create package react application as jar?

I faced a small error. Had to include peerDepedencies in modules package.json file.

"peerDependencies": {
"react": "^17.0.1",
"react-dom": "^17.0.1"
},

Awesome , thanks very helpful for me

I am getting error : Uncaught ReferenceError: React is not defined. What to do in such case?

Thank you dude!!! from Hyderabad, India. God Bless you

Thanks you so much for this tutorial man. I'm still really new to react and npm, so I mostly followed along. I still need to study this stuff in depth, but with your help, I was able to publish my first useful npm package!
Thanks again from your 18th subscriber. 😉👍

Can I do this with whole react app (App.js) and its components and dependencies?

My Question is That when i Develope React library than is it any platform where i Publish Library except Npm bcz if publish in Npm than Library Files also visible in Application and i dont want to show any file.
Just tell me any platform or way .
I shall be very thankful to you.
Thanks

Thankyou! Amazing and short video!
It worked! I followed all the steps and I published some react components.

When I try to import my component into another project, I get the following error

// importing as follows
import ComponentName from "package-name"
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
My entrypoint component is exported as default (export default ComponentName). I am not sure why this is happening

Thanks!

To avoid any future error I believe you should also install @babel/plugin-proposal-class-properties and edit your .babelrc file like so
npm install @babel/plugin-proposal-class-properties --save-dev
.babelrc
{
"presets": [
"@babel/preset-env",
"@babel/preset-react"
],
"plugins": [
"@babel/plugin-proposal-class-properties"
]
}

I've done this but getting module not found error

Thanks

Doesn`t work

Thx. Will try it

I have love for your skills brother... hope you continue making helpful videos like this! You got a new subscriber :)

Thanks, nice tutorial

It's saved my time :)

Thanks mate, really helped!!!

Good job!