how to convert html template to reactjs | Reactjs Tutorial

[@henryhoang5917]

I had been strugling for a whole night doing this and you explained it so easy. Thanks a lot

[@wichogon9387]

Manoj, I'm from Mexico, so maybe we will never meet in the future, but from this side of the world; I want to thank you for helping me with your knowledge, thanks to this I can now make it in time for a project to get my degree. Have a blessed day.

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. I wish you all the luck for your future. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍

[@MsLeoSkyWalker]

Thank You very much. This simple thing I have been trying to do for hours and thanks to your video I was able to accomplish it. You explained it very well. 👍

[@jaytwitter1907]

You are genius. I struggled a lot for this

[@tundeakinola8122]

Your video helped me a lot, very simple and self explanatory ... 😁👍🏻

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Keep learning and supporting

[@ParasGupta-xg8hz]

Sir i have used Tailwind for styling ......so the procedure is same??

[@overpowermarketing2706]

Thank you for this! You forgot to change the img's directory in the Home file to the new location, but other than that - great job!

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍

[@Moreynium]

9:57 bro is there any extension or setting so that we can self close this tags on format. Ps: I use prettier but it doesn't provide this option.

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. There is no extension for that but you can find and replace all. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@Moreynium]

@@ManojDeshwal that's the only option for copied code?

[@wes5457]

Your inglish Its realy wonderfull. My level inglish its realy low and I could understood whole explanation. Take his like well guy.

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@eowyn9400]

I'm having problems with those style tags inside the body on the html file when i pasted on the render div in the home component..

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍

[@hafidzaeiny5828]

It's help me a lot, thank u so much Manoj

[@achrafjammoussi8374]

thx a lot my friend ! saved my life!

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Keep learning and supporting.

[@mohammedrafim7432]

In a react js developer In company work is this type The design parts give and that design part converted to rect That is?

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. As a React JS developer you are supposed to create pages using wireframes provided by the company. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍

[@rizkimaulana728]

sir, thanks a lot. so easy to understand and good explanation. thank you.

[@kevinm5898]

Thank you so much for this! I was trying to do this, but forgot to change the directory location of the css in the head section to point to the css folders in my project.

[@ManojDeshwal]

Hi Kevin, welcome to my channel and thanks for the comment. Keep learning and supporting

[@masumsir7622]

Thanks. I've some Js file in my html template but I can't add this file at the bottom in react app. How can I do this ?

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@karan_degen]

i'm really struggling to include the external javascripts on the template.... please help!!!

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly connect on WhatsApp [phone] or on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍.

[@mrconcept]

This is excellent thanks. If my static site also uses third party js scripts would you copy them over the same way - into the public folder and then include scripts in the pages files ?

[@ManojDeshwal]

Hi, Welcome to my channel and thanks for the comment. You can keep third party files in a separate folder and include them as required in the application. Keep learning and supporting.

[@deeksha5626]

@@ManojDeshwal do you know how to add third party libraries like react bootstrap into flex plugin

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. You can add any library which you need to add in react. There is a specific bootstrap package for react. Keep learning and supporting

[@shyamsundar-ye7yn]

after building the project in react js, when i open my terminal to start the project in local host css which used in the index.html page is not applying, can you please tell me how to solve this problem

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. We can discuss through DM. Keep learning and supporting 👍

[@emmanuelnnebedum1750]

This is super helpful, thanks a lot

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly connect on WhatsApp [phone] or on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍

[@PawanKumar-n5c8r]

Going good 👍👍

[@huwida.fallatah5712]

hi After I wrote in the cmd ( mkdr reactwebsite ) it returend a message it says ( mkdr is not recognized as an internal or external command, operable program or batch file.) how can I fix it?

[@ManojDeshwal]

Right command is mkdir not mkdr

[@huwida.fallatah5712]

@@ManojDeshwal thank you 😊

[@GMP93]

done, now you have the html inside the react in the most non-standard way possible

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍

[@theEonkid]

Gud work Manoj sir

[@theEonkid]

Manoj sir this is Rahul from piana 😁

[@ManojDeshwal]

Ohho, how are you bhai?

[@theEonkid]

@@ManojDeshwal I am gud . After 3 mins of your video i saw your face 😁.. gud to see you .

[@ManojDeshwal]

@rahularora3864 😊😊😃

[@sazadahemad2799]

you can use react-helmet for adding title and meta tags..

[@prabhakaran1399]

Hi. I have a doubt. I want to add more pages like the about and Contact page too.. Please tell me how to do it

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Add as many pages you want and give them a route, that's it. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@niklausmikaelson7332]

You did't import css in class component instead you linked in index.html that's right?

[@ManojDeshwal]

Hi Niklaus, welcome to my channel and thanks for the comment. Yes I put the css links in index.html that's right way. Another reason is you need same css file on almost all the components so rather than importing on each and every component use it in one place. Keep learning and supporting For other help and details kindly follow me on Instagram @openprogrammer

[@niklausmikaelson7332]

Ok

[@jagdishjena9058]

Thank you so much sir, it was a wonderful tutorial, god bless you sir

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Keep watching the content and sharing with your friends to support me. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@ameerfalah9659]

Dude, you're awesome

[@roshiniravi394]

I'm getting a message that 'npx' is not recognized as an internal or external command,operable program or batch file.

[@ManojDeshwal]

Hi Roshini, welcome to my channel and thanks for the comment. Have you installed NodeJS in your machine? Is not kindly install it first. And follow me on Instagram @openprogrammer for any further help. Keep learning and supporting

[@roshiniravi394]

Thank you sir!!

[@huwida.fallatah5712]

@@ManojDeshwal I installed NodeJS but stil I get the same problem

[@ManojDeshwal]

@@huwida.fallatah5712 hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle and share the error screenshot. Keep learning and supporting

[@huwida.fallatah5712]

@@ManojDeshwal I fixed the problem because I wrote mkdr instead of mkdir But thank you so much for your help 😄

[@laptoprepair3944]

easy demonstration. Good going..

[@umajidesai]

Hey Manoj I tried this but my page is blank and i am not getting it

[@akshitatomar5196]

I followed the same method shown, but my react webpage is showing blank? what to do?

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Can you share your code so that I can check? Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@umajidesai]

Same with me! Did your problem get solved?

[@matthewajala3110]

Edit the html files in the build folder.... replace /foldername with ./foldername

[@sarahgrey7778]

Hie thanks for this simple expanation. What about adding js? My html website comes with index.html , style.css and script.js.

[@Yash-qr6bn]

bhai kuch mila ki nhi? i am searching for the same

[@amanaggarwal5884]

but we havent change the images src??? As now they are in under asset folder

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Are you facing any issue in this tutorial? Keep learning and supporting.

[@amanaggarwal5884]

@@ManojDeshwali have done exactly what you have done but it creating a lot of errors. I have cleared the errors in home.js but still getting 15 errors regarding webpack. Can you help me out?

[@amanaggarwal5884]

I m putting images under public/asset/images folder and now in home.js i give path img src="asset/images/abc.png". moreover i have changed the bootstrap class to className but nothing has worked

[@ManojDeshwal]

Kindly connect @openprogrammer on my instagram handle

[@amanaggarwal5884]

@@ManojDeshwal Dm you on Insta please reply

[@helloredwan]

Wow...So wonderful...thank you...I will apply for job now...Am I a React Developer😛😄

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Keep learning and supporting

[@helloredwan]

@@ManojDeshwal you better learn something and create something which never had been done before. Support will automatic came. Best of luck for your future.

[@yashwasan7721]

Sir I have a query that if I have an existing running website then Will be the process same?? As I have another folder in my website and that is the js files folder. Please reply Its urgent!

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Yes the process is same to need to follow the steps as shown in the video. Keep learning and supporting

[@amirbarbouche7156]

everytime i open notepade i recieve this message "you need to enable javascript to run this app", what should i do ?

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Try to open this in vs code. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@amirbarbouche7156]

@@ManojDeshwal thanks for the reponse, i tried on vs code and i get the same message

[@aychajebahi2892]

@@amirbarbouche7156 plz did you solve this prblm?

[@swatichoudhary3126]

nice explained in easy way

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@ramakrishnapanigrahi]

Thank you so much bro 😍❤️❤️😍😍😊

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Keep learning and supporting.

[@joowills]

Useful for me thanks bro.

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer. Keep learning and supporting

[@luisborges174]

Excellent, thank you!

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@elyasarkin0991]

Hi, Manoj I would like to ask you something about jquery. because, when I have converted any HTML project to the React project, the file was opening and running very well however, the jquery animation is not working properly, for that, I have to manually reload the page, but This is not what I need. Do you have a smiler problem before and how you could overcome it? Thank you!

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Keep learning and supporting. I didn't come across this kind of issue before but I will try to give you any solution soon. Keep learning and supporting

[@rahulmeher5378]

@@ManojDeshwal i have the same issue can't able to use jquery function for side slide menu bar ..please help

[@chandra007moonbhai3]

Thank you so much 🙏

[@PawanKumar-n5c8r]

Going good

[@kaamkaengineer1544]

How easy it is to create any website in reactjs. Thanks

[@sedaadams4982]

Thank you very much!

[@ManojDeshwal]

Hi Seda, welcome to my channel and thanks for the comment. Keep learning and supporting.

[@merntech]

For inner pages route work, explained please

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Yes route works for the inner pages. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@sagarvyavahare2558]

Superb!!!

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Keep learning and supporting

[@pritishmohanty1517]

Thank you so muchhh

[@ManojDeshwal]

You're welcome!

[@ramakrishnapanigrahi]

Very nice tutorial. Sir can you please teach and guide me learning react.How much I have to pay for it? please let me know sir.

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on my Instagram and DM me. There we can discuss all this. My Instagram handle is @openprogrammer keep learning and supporting.

[@ramakrishnapanigrahi]

@@ManojDeshwal ok sir. thanks you 😊❤️

[@ManojDeshwal]

Welcome 🙂

[@rajnijames9523]

How to copy the javascript code into react app?

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍

[@sujeethgujjar8152]

how to import javascript from the same folder??

[@ManojDeshwal]

Hi , welcome to my channel and thanks for the comment. You need to import the component only. Kindly follow me on instagram and share the error with me in message. @openprogrammer is my Instagram handle.🙂 Keep learning and supporting.

[@KumarEffect]

Nope not worked, it's not loading js file completely and creating some trouble.

[@yunessaghi3353]

Thanks very nice

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@ritikjainvlogs164]

css file kese hogi convert

[@hkak8920]

sir hindi m hi explain kar dete video ko to or zyada or achhe se samjh m aa jata

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Bhai apko koi help chahiye ya koi issue aa rha hai toh mujhe Instagram pe follow kro @openprogrammer is my username. Keep learning and supporting

[@buntyswain]

Sir,From where I download that template?

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@chetanvadgama219]

Nice

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Keep learning and supporting 👍

[@chetanvadgama219]

@@ManojDeshwal do you have any video for creating components more than one & combine. ?

[@nafreefirenaistam8267]

Where you downloaded that file

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. I got it from one of the template websites. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting 👍.

[@nafreefirenaistam8267]

I asked where you have got to download that template bloody

[@ManojDeshwal]

@@nafreefirenaistam8267 did you read message. Contact me on Instagram and most importantly behave like a professional not like illiterate people. You are asking for help so be polite.

[@hetpatel8450]

but its just one page i've multiple pages

[@shubhamprasad9186]

thanks

[@lokesh1pawar]

Teach us to render dynamic html pages

[@ManishKumar-bj9ep]

Thanks buddy you just saved my ass!

[@VivekKumar-eb8hc]

bhai java scrpt kaam nhi kr rhi hai kucch help kr skte ho kya

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly check the syntax. Keep learning and supporting

[@VivekKumar-eb8hc]

@@ManojDeshwal bhai 2 hr se syntax wgera sb dekha liya everything is working but java script still not working

[@VivekKumar-eb8hc]

@@ManojDeshwal jaise apne script ko copy kiya or index.html ke head tag mai paste kiya same kiya nhi work kiya

[@anjanspace]

How to put multiple html pages in react

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@monzermohamd4853]

you f**ked react.js 😂😂😂😂..great job thank you

[@ManojDeshwal]

What kind of a comment it is 🙄?

[@monzermohamd4853]

@@ManojDeshwal I mean, you made something very beautiful and clever and also a little bit funny..I started to feel react became easy after this video

[@ManojDeshwal]

@@monzermohamd4853 wish you all the very best for your future buddy. Keep learning and supporting 👍

[@witcher_vivek]

My image load nhi ho ri h baki sb thk chl gya

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly check the image path as shown in the video and you can also check by inspecting in the browser and also check the image tag name. Keep learning and supporting

[@amitpandharikar2377]

Bhai pls batao yeah images wala kaise solve kare.image hi show nhi ho rhi @vk varshney

[@gee20678]

thanku

[@ManojDeshwal]

Hi, welcome to my channel and thanks for the comment. Kindly follow me on Instagram @openprogrammer is my Instagram handle. Keep learning and supporting

[@subhasishchakraborty2596]

kindly give the code

[@Dr.smileclinic]

Wow...

[@Dr.smileclinic]

Wow

[@ManojDeshwal]

Hi Satheesh, welcome to my channel and thanks for the comment. Keep learning and supporting

[@Ipl_highlights_2k24_]

can u just send me template link?

[@ManojDeshwal]

I will check and let you know

[@Ipl_highlights_2k24_]

@@ManojDeshwaljust find it as soon as possible and send me

[@ManojDeshwal]

@@Ipl_highlights_2k24_ I don't have this one.

[@PawanKumar-n5c8r]

Going good 👍👍