Chevtek.io

Sign in Subscribe

How to do loading spinners, the React way.

How to do loading spinners, the React way.

This post walks you through how to build your own spinner management service from scratch. It is almost identical to what I have already built and packaged in the @chevtek/react-spinners package on npm.

Npm 5 changes to npm link.

Npm 5 changes to npm link.

I've been following an issue on the npm bug tracker for a while now. Basically, when npm 3 released they made a somewhat major change to the way dependencies are installed.

How to do loading spinners, the Angular 2+ way.

How to do loading spinners, the Angular 2+ way.

This post walks you through how to build your own spinner management service from scratch. It is almost identical to what I have already built and packaged in the @chevtek/angular-spinners package on npm.

You can finally "npm link" packages that contain peer dependencies!

You can finally "npm link" packages that contain peer dependencies!

For the past year I've been dealing with an annoying bug in node/npm that there has been no simple solution for. It has to do with npm link [https://docs.npmjs.com/cli/link] and peer dependencies [https://docs.npmjs.com/files/package.json#peerdependencies]. Before I talk about

Why I think "micro-packages" are a good thing.

Why I think "micro-packages" are a good thing.

Over the past couple days drama unfolded in the JavaScript community when a social media company called Kik [https://www.kik.com/] threatened to send lawyers after a small time OSS developer if he didn't change the name of his npm package which was also named kik [https://www.npmjs.

An Intuitive Way To Organize Your ExpressJS Routes

An Intuitive Way To Organize Your ExpressJS Routes

One awkward situation I encounter every time I start a new app is how I should organize my routes. I've seen tons of examples and no two examples are ever really the same. The express-generator [https://www.npmjs.com/package/express-generator] is a useful tool for getting an app off

How to do loading spinners, the Angular way.

How to do loading spinners, the Angular way.

> Updated on 6/17/16 Pro tip: A lot of the code here are examples of how to do things that aren't actually in the final spinner package, such as building an HTML 5 animated spinner or going through code step by step with lots of comments for learning. If

My Development Setup

My Development Setup

When I tell people that I'm a web developer and that I use Vim [http://www.vim.org/] as my primary IDE [http://en.wikipedia.org/wiki/Integrated_development_environment], it often drives them to ask more questions about my development environment. I've answered this question enough times that I

How To Properly Preserve Legacy URLs In Your Express App

How To Properly Preserve Legacy URLs In Your Express App

We've all been there, trying to click a link in an article that's a few years old only to find that the link is broken and the destination site has undergone an upgrade. Maybe the page you're looking for is there under a different name or maybe the content you're

Merge vs Rebase: Part 3 - What is a rebase?

Merge vs Rebase: Part 3 - What is a rebase?

-------------------------------------------------------------------------------- Table of Contents: * Part 1 - What is a commit hash? [https://chevtek.io/merge-vs-rebase-part-1-what-is-a-commit-hash] * Part 2 - What is a merge? [https://chevtek.io/merge-vs-rebase-part-2-what-is-a-merge] * Part 3 - What is a rebase? -------------------------------------------------------------------------------- In part 1 [https://chevtek.io/merge-vs-rebase-part-1-what-is-a-commit-hash] we discussed

Merge vs Rebase: Part 2 - What is a merge?

Merge vs Rebase: Part 2 - What is a merge?

-------------------------------------------------------------------------------- Table of Contents: * Part 1 - What is a commit hash? [https://chevtek.io/merge-vs-rebase-part-1-what-is-a-commit-hash] * Part 2 - What is a merge? * Part 3 - What is a rebase? [https://chevtek.io/merge-vs-rebase-part-3-what-is-a-rebase] -------------------------------------------------------------------------------- In part 1 [https://chevtek.io/merge-vs-rebase-part-1-what-is-a-commit-hash] we left off

Merge vs Rebase: Part 1 - What is a commit hash?

Merge vs Rebase: Part 1 - What is a commit hash?

-------------------------------------------------------------------------------- Table of Contents: * Part 1 - What is a commit hash? * Part 2 - What is a merge? [https://chevtek.io/merge-vs-rebase-part-2-what-is-a-merge] * Part 3 - What is a rebase? [https://chevtek.io/merge-vs-rebase-part-3-what-is-a-rebase] -------------------------------------------------------------------------------- One of the biggest things I struggled with in the past when learning how to

How to persist URL hash fragments across a login redirect.

How to persist URL hash fragments across a login redirect.

I just spent four hours figuring out the ins and outs of URL hash fragments [http://en.wikipedia.org/wiki/Fragment_identifier]. On my team we use AngularJS to build some pretty cool single page applications. In a couple of our single page apps we use Angular routes [https://docs.

Isolate Scopes Explained

Isolate Scopes Explained

I've been using Angular [https://angularjs.org/] for quite a while but isolate scope bindings is one thing that has continued to elude me. No longer. I finally had the lightbulb moment earlier this afternoon and thought I would put my thoughts into a comprehensive blog post. I've read a

Tips for the Git Power User

Tips for the Git Power User

After developing for so long working with Git has become second nature to me. I started out using a graphical Git client for Windows called Git Extensions [https://code.google.com/p/gitextensions/]. Git Extensions was great for starting out but as I learned and got used to the command

Cross Origin Resource Sharing

Cross Origin Resource Sharing

I've spent way more time reading about CORS [http://en.wikipedia.org/wiki/Cross-origin_resource_sharing] than I probably should have, but pretty much everything I read only confused me further. CORS is actually a pretty simple concept once you understand it so I decided to put this post together

AngularJS: "Controller as" or "$scope"?

AngularJS: "Controller as" or "$scope"?

I just finished reading a blog post [http://www.johnpapa.net/do-you-like-your-angular-controllers-with-or-without-sugar/] by John Papa. He talks about the trend of using Controller as someName instead of injecting $scope into your controller. I wanted to expound on his point, but first let's demonstrate this technique for those of you who

If Angular directives are obtrusive, then so is an "id" attribute.

If Angular directives are obtrusive, then so is an "id" attribute.

I wanted to clear some things up about AngularJS directives. I keep seeing comments like this one: I will admit that Google hasn't done the greatest job with Angular's documentation and reading it seems to make Angular feel more complicated rather than less. So I do understand why there is

Is Your Google Fiber Router Too Weak?

Is Your Google Fiber Router Too Weak?

I live in Provo, UT and last year we were lucky enough to have our city selected for Google Fiber. Everytime I tell someone this their first question is "So, how amazing is it?" I'd say it's pretty good ;) (connected via ethernet) However, there is one caveat. The wireless router/

Do You Need A Framework?

Do You Need A Framework?

I recently wrote a post [http://codetunnel.com/its-okay-to-use-frameworks/] where I discussed the reasons I believe it is okay to use frameworks in professional development environment. Most people seemed to agree with the sentiments I expressed there but a large chunk of them did not. Overall I still maintain that

Pardon The Dust

I am currently in the process of migrating CodeTunnel.com over to a new blog engine. I'm finally moving away from my made-from-scratch application in favor of something far more awesome called Ghost [http://ghost.org]. During this transition most of my older blog posts will not appear because they