Recently I needed a way to place a custom component on the main header of Laravel Nova. There’s no specific way documented to do this, so I had to get creative.

I decided I would try to extend an existing component from the header and insert mine as an add-on to that. Strange enough, this was pretty easy to do. I was expecting some trouble, because in v3, this wasn’t as easy.

Tree Shaking is the process of stripping out parts of libraries that you’re not actually using in your applications in order to optimize the file size of your build. In this short tutorial I’m going to apply it to CSS and a WOFF2 file, but you can use the same technique for other types of files as well; e.g.: JS files.

I’ve hit this problem when I was working on a @mentioning system for a chat I’m developing at work. When the user selected a mentionee from the results, I needed to insert that user in the input at the current cursor / caret position.

You’ve probably heard of asset compilers like Webpack or Gulp. They’re a way of using cutting-edge features of JavaScript in the browser, without breaking backward-compatibility with older browsers. But that’s not all that they can do. They also allow you to use language extensions likes SASS, LESS, CoffeeScript, Jade, etc. Using them, you will save precious development time and you will get your projects more organized. Continue reading…