TILs - Fueling Curiosity, One Insight at a Time

use flex: 1 on the child of flexbox element to expand the child to 100% width of the parent https://jsbin.com/dadidujubo/1

Capybara defaults to requiring an href attribute exist when finding links. To handle such cases we can pass href: nil as an option thus enabling to find it.

Rails has an ActiveSupport::Notifications module which is a part of its core instrumentation API. This API allows users to define hooks on events. With the ActiveSupport::Notifications you can instrument an event by simply calling instrument with a name, payload and a block. The notification will be sent after the block returns. Now all you need is to define subscribe method which consumes the event based on event name and you can define your on callback code here, sort of like a Pub/sub pattern.

related to GIT_SSH_COMMAND (http://codemancers.littil.io/?q=GIT_SSH_COMMAND) if you are using hub + multiple account. you can use HUB_CONFIG=~/.config/hub-work for setting config for work account. source: https://github.com/github/hub/issues/1300#issuecomment-318872894

you can pass options.args << ‘--headless’ to firefox newer versions, no need for headless gem

options = Selenium::WebDriver::Firefox::Options.new
options.args << ‘--headless’
Capybara::Selenium::Driver.new(app,browser: :firefox, options: options)

To remove unwanted hex packages from mix.lock file, use mix deps.unlock --unused command

about https://stedolan.github.io/jq/ useful while tailing json logs, e.g tail -f /var/log/app.log | jq -r

You can switch between k8s contexts using the docker toolbar menu in OSX.

use Application.get_env(:your_app,:env) in prod instead of Mix.env. when you deploying to prod. https://gitlab.com/codemancers/diffity-vue/commit/076c54a418d988208627f61f206176744aefca30

React provides us with Portals which can be used to render children into a DOM node that exists outside the DOM hierarchy of the parent component