DevOps Tips for Impatient Developers - Ep 31

In this special episode of The Toolbox, I talk to Michael Jenkins about something every full stack developer should master...DevOps, plus the importance of volunteering, the magic of the cloud and wether GitHub Actions can deliver a professional CI/CD pipeline. The Pace of the web is relentless...and that's why you need, The Toolbox.

Hello everyone this is Ray Villalobos and I stream about front-end and full stack tools Wednesdays at 1pm Eastern • 10am Pacific. Follow me and subscribe on LinkedIn and YouTube for more content. If you want to watch any past episodes, make sure you take a look at my blog raybo.org.

You can find an article for Today's episode and all the links for the show.

Turn on the Bell Icon

Also, make sure you check out my my profile and click on the bell icon. You can't see it on your own profile, but if you follow me, it's where the bell icon is. I'll go to michael's profile to show you.

Industry News

Lets quickly review some of the latest industry news:

Git Merge 2022

Git Merge 2022 If you can't wait for the big GitHub Universe conference in November, you might want to check out this smaller conference in Chicago September 14-15. The workshops look really good with some beginner as well as a monorepo spring cleaning talk. Almost a third of the speakers work at GitHub.

GitHub Pages, now with actions

GitHub Pages A small, but important change with GitHub pages is that they now use GitHub Actions by default. So this is now under your settings under pages

You now have the classic option that let you use either the docs folder from a specific branch, but now when you choose GitHub actions, it will let you use pre-built actions for Jekyll or server a static HTML page. The interesting bit is that you can create your workflow. So far, I've been using this awesome action from James Ives that publishes your build process to a separate branch and then lets you deploy that branch to GitHub Pages.

If you've ever watched any of my courses, you know that I use my own variant of Reveal.js called RayVealjs to serve markdown slides. I've been really working hard on an update that uses this process to make the whole thing easier to build, so look for a big update soon based on this actions based deploy method.

They also provide a set of workflows for popular build tools, although I don't see one for vite yet.

Vite

When Vite first came out, I was already looking for a better tooling solution for building sites. I went through a process of analysing all the existing options and noticed it was the new thing. As soon as I tried it, I went right to it, so it's great that it's got a new version.

If you haven't used it before, what I love about it is how much you get out of the box and how intuitive it is. It has all the modern features like Hot Module Reloading, which makes rebuids are super fast, even when you reconfigure something while in development. Support for Sass, JSX, TypeScript.

It's made by the folks who gave us Vue.js, which I thought always had the best CLI experience. I recently updated my slides app to version 3 and I didn't have to change anything. If you take a peek at the changelog for version 3, you'll notice some minor things like port changes, dropping support for older versions of node.

I really love their meta.glob improvements. This allows you to import whole folders of content and it's now way more flexible allowing you to make an array of imports at once. If you want to read about their new features, check out their blog post.

Unplugin Icons

Lately, I've been using the Bootstrap Icon library for most of my icon needs, but even with more than 1600 icons, often I can't find what I need, so the concept of this library is to give you access to more than 100 different icon libraries and easily call in a single icon into a module. It works with regular JS, Vite and all the frameworks the cool kids are using. You can even load up your own custom icons. That seems like a great idea.

Patterns Book

Finally, Addy Osmani has had this book on JavaScript patterns for quite a while and now he's updated it with Lydia Hallie with tons of examples, code sandboxes and animations. If you want to learn some beginner to advanced JavaScript patterns you should totally check this out.

Toolbox Talks

So, I've been talking to a lot industry professionals recently on something I'm calling Toolbox Talks so far, I've interviewed Carlos Solis, Ronnie Sheer and Christina Truong.

This week, I'm continuing that talking to Michael Jenkins, a super talented technologist who started out with as a serious electronics engineer, before he discovered the power of DevOps.

Let's Listen In

Q&A

Goodbye

I have to go right into course production next, so I might be gone for a couple of weeks, then I other interviews in the works. Let me know what you want me to cover in the comments