Be able to look into gem code locally on GitHub Learn about Bundler Why is it necessary: Managing versions and dependencies Defining a consistent project environment
...the difference between bundle install and bundle update? What does bundle exec do, why is it necessary? What does the file Gemfile.lock do? rbenv Understand why we need rbenv
...How does our product Rails LTS work? Why do people pay money for it? Exercise: bundler-audit bundler-audit checks for vulnerable gem versions in your Gemfile.lock. Run bundler-audit...
...at The cost of JavaScript (2019, 2023) to figure this out. Understand the service Bundlephobia Try to add lodash to MovieDB Use yarn add lodash, then import it in your...
...thing about Yarn / npm There is one significant difference between JavaScript package managers and Bundler: In Ruby, only one specific version of a gem can be active at any one...
...each frontend management system listed below, understand how they achieve: Asset concatenation Are they bundling many small JavaScript or CSS files into one single file? If yes, how can we...
...is a sprockets statement that would copy and duplicate the content file in your bundle each time you use it. only SASS @imports are aware of the current state of...
...is the package manager we use for JavaScript. It does for JavaScript roughly what Bundler does for Ruby. Read the first couple of sections of its official documentation.
...works, you don't usually have to configure it. Webpack webpack is the asset bundler itself. It has extensive documentation, but things work a bit differently for Webpacker, so you...
Best results in other decks
Calling bundle update GEMNAME will update a lot more gems than you think. E.g. when you do this: bundle update cucumber-rails ... you might think this will only...
...is a dependency of cucumber-rails), which will break all your tests. The fix Bundler >= 1.14 has a --conservative flag. Using the conservative flag allows bundle update GEM to update...
To keep JavaScript sources small, it can sometimes make sense to split your webpack bundles. For example, if your website uses some large JavaScript library – say TinyMCE – which is only...
...up TinyMCE like this (code is somewhat simplified): // TinyMCE as part of the main bundle! import tinymce from 'tinymce/tinymce' // UI import 'tinymce/themes/silver' import 'tinymce/skins/ui/oxide/skin.min.css' // Plugin import 'tinymce/plugins/autoresize' up.compiler('[tinymce]', (element...