Using Webpack in Rails with the Webpacker gem

[@sebastiandefrancesco6831]

amazing video chris, would love to see more vue or react with rails

[@GorailsTV]

Definitely more to come!

[@pging8328]

what do you mean by hot module reloading?

[@ArunKumar-tb8vv]

Thanks a lot for your this effort. You are rocking man

[@camilosad1979]

Good to see rails going in that direction. Do you see any advantages in using all the js stuff integrated in a rails app rather than having two separated applications (rails api / js frontend) ?

[@GorailsTV]

Yes, in the sense that really the frontend depends directly upon the backend. You aren't forced into building a full single-page app this way either. The nice part is that you can do all your work (frontend and backend) together in one repo and for small teams that's great. If you're big enough you have a separate frontend team and a separate backend team, then splitting them up might be helpful, but you'll have lots of other things to address then as well.

[@sashacooper9326]

This video was a lifesaver :)

[@olegnikitashin]

Clear and straightforward as always! Thanks!

[@am-mn2sr]

Hi there, thanks for sharing this video. I have a question about Turbolinks. I want to completely deprecate assets/js, so I import turbolinks by yarn. However it doesn't work. I'm pretty sure it's imported correctly.

[@HamzaKhan-uy4td]

Hi, I installed Webpacker but it did not create the .bin folder in my node modules folder, Can you help me out what script is in node-modules/.bin/webpack-dev-server Thanks

[@slim_mike]

thanks! greetings from Venezuela!

[@abbas_hashmat]

i followed every step but 'Hello World from Webpacker' didn'y showed ..... am using rails 5.2 is there any solution

[@al-iom]

please make a video of three js in rails especialy how to import gltf models localy. thanks

[@eonacademy5036]

You are my hero! Thank you very much, I have learnt a lot watching your videos. Greetings =)=)....

[@GorailsTV]

Thanks! I appreciate you!

[@mass13982]

Excellent video as usual :)

[@totechess]

I am trying to do that with the template material-dashboard that I have in vendor folder. I haven't been able to do it. I have added the folder vendor to config/webpacker.conf. I copied the js files in order that the template had, so my application.js has something like that import("material-dashboard/assets/js/core/jquery.min.js") import("material-dashboard/assets/js/core/popper.min.js") import("material-dashboard/assets/js/core/bootstrap-material-design.min.js") import("material-dashboard/assets/js/plugins/perfect-scrollbar.jquery.min.js") import("material-dashboard/assets/js/plugins/moment.min.js") import("material-dashboard/assets/js/plugins/sweetalert2.js") import("material-dashboard/assets/js/plugins/jquery.validate.min.js") But it doesn't work. Could you help me to apply a template in a vendor folder to the rails app?

[@Sindoku]

Why didn't u just do this with React instead of Vue?

[@GorailsTV]

I much prefer Vue over React, plus there are plenty of other people making tutorials on React.

[@bryanperez4148]

Great explanation thank you

[@dvdpausini]

Thanks for video, excellent video, from Brazil

[@ouyangtao]

Nice Intro...cheers!

[@a1exxero]

Great stuff! Thank you

[@jesuseduardoricosandoval59]

I'm doing the Shine project from Rails, Angular, Postgres and Bootstrap 2nd Edition but when I installed angular (v6) I run "rails s" and "bin/webpack-dev-server" I got it an error (Object is not a function). So, someone can help me! Please respond me to give more details and code

[@GorailsTV]

Try looking or asking on the webpacker Issues on Github.

[@jesuseduardoricosandoval59]

@@GorailsTV thanks a Lot ! I will do it !

[@fabriziobertoglio7342]

Amazing tshirt

[@markschnabel120]

SAVAGE

[@foliwe]

Too many technologies to follow. Running two separate servers for the sample rails app, am not really a fan of. Let's keep RubyOnRails simple.

[@GorailsTV]

I feel you, it's getting more and more complex every day and without enough value to justify it in most cases.

[@andrewshatnyy]

Webpack + IE8 don't go together. Good luck writing products for real life customers.

[@GorailsTV]

There's really not much you need to do for IE8. You just make sure you're running the proper babel packages for IE8 compatibility and the JS will run just fine. You might want to look into that functionality.

[@kresimirbojcic6491]

Great stuff. Thanks.