How to set up React JS with Parcel V2

[@TheCodeCreative]

Download my FREE "Google Search Secrets for Developers" Cheat Sheet: store.thecodecreative.com/google-secrets-cheat-sheet

[@dazecm]

Wow! Newcomer to Parcel here and it seems like a great tool for improving the developer experience when creating React apps. Those blazing fast hot-reload and build times really do super-charge the 'inner dev loop'. Thanks for sharing.

[@TheCodeCreative]

Thanks Darren, glad it was helpful!

[@wasteghost]

Really helpful tutorial man, thanks alot :)))))

[@TheCodeCreative]

👍🏻👍🏻👍🏻

[@EyeIn_The_Sky]

Hey Thanks for the concise and clean tutorial. Can you tell us how you would get around the ReactDOM.render being no longer supported as of React 18? I can't find any simple instructions on how to use the "createRoot" for the new API

[@bishwajeetpandey1570]

As a beginner to parcel facing an issue please try to help me out , According to parcel documentation Parcel automatically generates sourcemaps by default , Fine, it is generating .map files in dist folder but when in i write console.log in my source code or any error thrown from my source file . These message display in the browser console but they still pointing to build files like index.abcderf.js rather than my source file index.js :disappointed:. So please tell me Is there any way so that console statment or errors maps to my source code file not to build file present in dist folder of parcel?

[@acavbeats]

Do you know if theres a way to use alias with @ symbol in parcel so I can import components like import Card from '@/components/ui/card' ?

[@reemadsouza310]

Hi, any idea why autoprefixer won't work? I did some flex scss and it won't show with vendor prefixes in compiled css in dist folder. Thank you.

[@marekklofera2731]

Hey, parcel only build if I save index.html. If i save index.js there is no build and no hot reload. Any idea how to fix it?

[@linuxon-s3f]

I'm new, sorry for the question, parcel 2 is no longer available globally?

[@romimaximus]

Awesome tutorial, !!... but i have a question, everytime i need bundle my code, parcel is making copy of my files inside the "dist" folder, just like your folder "dist" in the video, .. so does parcel provides some way or some "plugin", to clean the "dist" folder before rebuild code ?

[@TheCodeCreative]

Thanks! This might help although I haven't used it myself: github.com/RadValentin/parcel-plugin-nuke-dist

[@romimaximus]

@@TheCodeCreative awesome thankx !!, but i found a solution ... i have to use a diferent way "rmdir /q /s dist && parcel build src/index.html".... but thank you very much for your halp ..!!

[@TheCodeCreative]

@@romimaximus 👍🏻

[@abujafarsiddique7635]

start a react next js series

[@patrykK1028]

How did you get VS Code to auto-fill HTML tags? Like you typed div#root and it became the actual element

[@TheCodeCreative]

That comes from Emmet which is built into VSCode: code.visualstudio.com/docs/editor/emmet

[@patrykK1028]

@@TheCodeCreative Thanks! For some reason it's not working for me, but I wouldn't even have known it's a thing without you :D edit: it actually works! It just doesn't show any hints until you actually type that div#root and hit enter

[@TheCodeCreative]

@@patrykK1028 excellent!

[@fsjay]

Any code examples on setting up Parcel 2 with React and React Testing Library?

[@TheCodeCreative]

Not yet, but hopefully soon 👍🏻

[@tharuntharunyadav4802]

Sir i have error after all code process completed it asking the expected content key please slove this for me

[@bishwajeetpandey1570]

as beginner to parcel facing an issue please try to help me out , According to documentation Parcel automatically generates sourcemaps by default , Fine, it is generating .map files in dist folder but when in i write console.log in my source code or any error thrown from my source file . These message display in the browser console but they still pointing to build files like index.abcderf.js rather than my source file index.js :disappointed:. So please tell me Is there any way so that console statment or errors maps to my source code file not to build file present in dist folder of parcel?