How to setup Webpack and Babel for React Ismile Hossain on September 12, 2019 All of us have used CRA(create-react-app) when we worked with React. It's an awesome tool. It gives us just to focus on React by letting take care ... Read full post Collapse Expand Vojtech Vojtech Vojtech Follow JS full-stack developer from the Czech Rebublic, mainly focusing on React Location Czech Republic Work JS Full-stack Dev at Economia a.s. Joined Dec 7, 2019 • Dec 7 '19 Dropdown menu Copy link Hide Very helpful thanks! Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Dec 8 '19 Dropdown menu Copy link Hide Welcome🙂 Collapse Expand Lukas Does Dev Lukas Does Dev Lukas Does Dev Follow Joined Apr 26, 2020 • May 1 '20 Dropdown menu Copy link Hide Super helpful. Thanks! Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • May 2 '20 Dropdown menu Copy link Hide Welcome 🙂 Collapse Expand Rana Talha Rana Talha Rana Talha Follow i, am the beginner in web development but trying to improve myself. Education BBA Honours Work i own a small busines. Joined Mar 8, 2022 • Mar 8 '22 Dropdown menu Copy link Hide sir..? can you help me please if possible. Rana Talha Rana Talha Rana Talha Follow i, am the beginner in web development but trying to improve myself. Education BBA Honours Work i own a small busines. Joined Mar 8, 2022 • Mar 8 '22 Dropdown menu Copy link Hide @iamismile Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Mar 9 '22 Dropdown menu Copy link Hide Sure. How can I help you? Collapse Expand Ivan Jeremic Ivan Jeremic Ivan Jeremic Follow Web/Software Developer Joined Dec 9, 2018 • Oct 11 '19 • Edited on Oct 11 • Edited Dropdown menu Copy link Hide The easiest tutorial to follow I have ever seen! Every tutorial made on the earth should be structured like this one! Thank you so much! Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Oct 11 '19 Dropdown menu Copy link Hide Welcome🙂 Collapse Expand ablaabiyad ablaabiyad ablaabiyad Follow IT engineer, I love to code and share, I am familiar with linux philosophy and I will need to boost my profile in coding Location France Work Contact center engineer at France Joined Nov 20, 2019 • Nov 20 '19 Dropdown menu Copy link Hide Thanks a lot Ismile. I had to register in github then here, so I can write this comment. I hope this will be my beginning :) Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Nov 20 '19 Dropdown menu Copy link Hide Welcome🙂 And All the Best for You. Collapse Expand Soo Soo Soo Follow Joined Jan 6, 2020 • Jan 6 '20 Dropdown menu Copy link Hide Thank you a lot! :-) Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Jan 6 '20 Dropdown menu Copy link Hide Welcome🙂 Collapse Expand HGG HGG HGG Follow Joined Sep 9, 2019 • Apr 22 '20 Dropdown menu Copy link Hide Thanks, great help. Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Apr 22 '20 Dropdown menu Copy link Hide Welcome🙂 Collapse Expand Mike Hale Mike Hale Mike Hale Follow Location Chicago, IL Joined Jan 4, 2018 • Feb 27 '20 Dropdown menu Copy link Hide It's not mentioned above, but if you use the sass option you need to change the css import in app.js to: import './styles/styles.scss' Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Feb 28 '20 Dropdown menu Copy link Hide Thanks🙂 Collapse Expand Robert Cutright Robert Cutright Robert Cutright Follow Joined Oct 27, 2018 • Dec 10 '20 • Edited on Dec 10 • Edited Dropdown menu Copy link Hide Thanks for the helpful tutorial! If you are doing this tutorial around time of this comment you may experience an error similar: Error: Cannot find module 'webpack-cli/bin/config-yargs' Require stack: C:\Projects\react-setup-tutorial\node_modules\webpack-dev-server\bin\webpack-dev-server.js My Working Solution: In your 'package.json' - change: "dev-server": "webpack-dev-server" to: "dev-server": "webpack serve" Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Dec 11 '20 Dropdown menu Copy link Hide Thank you🙂 Collapse Expand codeurh24 ☠️ codeurh24 ☠️ codeurh24 ☠️ Follow Joined Mar 21, 2020 • Mar 21 '20 Dropdown menu Copy link Hide Great, thank you ! Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Mar 22 '20 Dropdown menu Copy link Hide Welcome🙂 Collapse Expand bludnic bludnic bludnic Follow Joined Dec 16, 2019 • Dec 16 '19 Dropdown menu Copy link Hide Typo in two places: cheap-module-eavl-source-map => cheap-module-eval-source-map Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Dec 17 '19 Dropdown menu Copy link Hide Thanks for noticing🙂 Collapse Expand Muhiddin Jumaniyazov Muhiddin Jumaniyazov Muhiddin Jumaniyazov Follow Joined Mar 5, 2020 • Mar 5 '20 Dropdown menu Copy link Hide Hot reload is working with running dev-server? Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Mar 6 '20 Dropdown menu Copy link Hide Yes. It works. Collapse Expand Dora Chua Dora Chua Dora Chua Follow Joined Aug 6, 2018 • Sep 19 '19 Dropdown menu Copy link Hide Thanks so much, your tutorial was easy to follow and works flawlessly! Good job! :) Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Sep 19 '19 Dropdown menu Copy link Hide Welcome🙂. Thanks to you also for appreciating my work. Collapse Expand pfalzergbr pfalzergbr pfalzergbr Follow Location London Joined Jun 22, 2020 • Jun 22 '20 Dropdown menu Copy link Hide After a full afternoon of struggle, you just helped me setting this up in 5 minutes. Thank you :) Collapse Expand Ismile Hossain Ismile Hossain Ismile Hossain Follow Full Stack Developer Email iamismile.dev@gmail.com Location Dhaka, Bangladesh Education B.Sc in Electrical and Electronics Engineering Work Software Engineer at Embedded Logic Operations (ELO) Joined Aug 29, 2019 • Jun 22 '20 Dropdown menu Copy link Hide Welcome🙂 Code of Conduct • Report abuse For further actions, you may consider blocking this person and/or reporting abuse
Very helpful thanks!
Welcome🙂
Super helpful. Thanks!
Welcome 🙂
sir..? can you help me please if possible.
@iamismile
Sure. How can I help you?
The easiest tutorial to follow I have ever seen! Every tutorial made on the earth should be structured like this one! Thank you so much!
Welcome🙂
Thanks a lot Ismile.
I had to register in github then here, so I can write this comment.
I hope this will be my beginning :)
Welcome🙂
And All the Best for You.
Thank you a lot! :-)
Welcome🙂
Thanks, great help.
Welcome🙂
It's not mentioned above, but if you use the sass option you need to change the css import in app.js to:
import './styles/styles.scss'
Thanks🙂
Thanks for the helpful tutorial!
If you are doing this tutorial around time of this comment you may experience an error similar:
Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
My Working Solution:
In your 'package.json' -
change:
"dev-server": "webpack-dev-server"
to:
"dev-server": "webpack serve"
Thank you🙂
Great, thank you !
Welcome🙂
Typo in two places:
cheap-module-eavl-source-map => cheap-module-eval-source-map
Thanks for noticing🙂
Hot reload is working with running dev-server?
Yes. It works.
Thanks so much, your tutorial was easy to follow and works flawlessly! Good job! :)
Welcome🙂. Thanks to you also for appreciating my work.
After a full afternoon of struggle, you just helped me setting this up in 5 minutes. Thank you :)
Welcome🙂