JavaScript on Justin Carmony

Webpack, React, and Multiple Versions Issues

Thu, 02 Apr 2015 18:10:21 +0000

I’ve been using React successfully for several projects, and tonight I ran into a problem I hadn’t experienced before. I was trying both react-d3and react-d3-components when I would get an error on rendering:

Uncaught TypeError: Can't add property context, object is not extensible

This error had a very, very deep stack trace far into the depths of React, and I was worried I had encountered a nasty React bug. After some poking around & googling, I discovered that multiple versions of React do not play nicely with each other, at all. When I had installed both those react component libraries, each installed their own version of React, version 0.12. I was using React version 0.13.

Thoughts on Learning React & Flux

Wed, 18 Mar 2015 18:15:25 +0000

I started to write a blog post detailing everything I’ve learned over the last few months building applications with React & Flux. After writing down about 10% of it, I realized it was becoming far too long. So, instead, I’ll be doing a series of posts over the next few weeks.

Over the last two months, interest in React has had a surge of interest. If you look at the search term reactjs over the last 12 months:

X-Requested-With, AJAX Requests, and Android WebViews

Wed, 11 Mar 2015 18:20:17 +0000

Today we ran into an interesting problem with certain pages of our website not loading for Android users inside their Facebook Apps. We dug down and ran into several red herrings, but ultimately found the problem.

The Problem

If you Google for “X-Requested-With”, or the $_SERVER variable name in PHP HTTP_X_REQUESTED_WITH you will likely find many posts stating that it is a method for detecting AJAX requests. Most major JavaScript libraries and/or frameworks like jQuery will set the X-Requested-With HTTP header for any AJAX requests. So if you Google X-Requested-With or HTTP_X_REQUESTED_WITH you will see blog posts & StackOverflow answers about detecting AJAX requests.

Node.js, Evented I/O, and a Cup of Tea

Thu, 02 Jun 2011 16:30:42 +0000

All Arthur Dent really wanted was a cup of tea.

I was reading The Restaurant at the End of the Universe by Douglas Adams, and I found a humorous example of event driven programming. So I thought I would share.

The Story

Arthur Dent was one of the last surviving humans after Earth had been destroyed to make way for a new hyperspace bypass. He was living on a spaceship known as the “Heart of Gold,” which onboard had an amazing piece of equipment called the “Nutri-Matic Drinks Synthesizer” which “claimed to produce the widest possible range of drinks personally matched to the tastes and metabolism of whoever cared to use it.”

Node.JS, LAMP, and The Future

Fri, 29 Apr 2011 23:35:37 +0000

I just read an article about “Node.JS and the JavaScript Age.” It was from a very “enthusiastic” point of view. My guess is they had tinkered around with Node.JS and using with client-side JavaScript rebuilding their Dashboard. You can do some pretty cool stuff with it, and it has a lot of potential. It is very easy to install and get going, much like Redis. Here ia an excerpt from the article:

jQuery UI - Disable Title On Dialog

Thu, 16 Sep 2010 05:56:35 +0000

For some reason, this was turning out to be kind of hard to accomplish, and everyone on the internet wanted to do it with JavaScript hacks. My issue was if the JavaScript hack didn’t execute fast enough, causing the title to flash for just a second, so I’d much rather do it with CSS. Unfortunately, there are no built in ways to hide it in jQuery. However, there is an option you can pass in the .dialog() method: dialogClass. This places a custom class in the main div element, allowing you to do something like this:

My 2009 Technology Recap

Wed, 23 Dec 2009 18:55:31 +0000

Its been two years now that I’ve been a more or less “serious blogger.” I had using the term blogger, since when people hear about blogs, they think of people either detailing their entire lives, or pumping some angel. For me, blogging has just been a way to share information with people I know locally, and those I don’t even know who find my blog via searching. I’ve had a few spurts where I blogged quite frequently, but for the most part it was just here and there.

jQuery Tip: Better Toggle

Tue, 15 Sep 2009 18:28:05 +0000

For many web developers, jQuery is the most awesome JavaScript library out there. For me, it has turned JavaScript from being a nightmare into a power tool. I love JavaScript now, where as before I truely hated it. Takes all the hassel out of most compatibility issues across browsers. I spend less time debuging it and more time writing it. While I’m on my goal to write more blog posts, I’m going to share a few jQuery tricks.

HTML Education in Universities

Wed, 10 Dec 2008 19:24:46 +0000

Why, oh why, are website classes so extremely out of date in universities, colleges, and schools? I just spent the last few hours helping my wife with her Information Systems class. I’ve had to do similar assignments for technology classes, yet the things they are teaching are extremely out of date and a waste of time. Why? After taking these classes, to actually use HTML, I would have to unlearn 80% of what they taught, and re-learn from scratch.

Empowering JavaScript Through jQuery

Sat, 25 Oct 2008 00:31:27 +0000

Once I discovered jQuery, my life as a web developer changed. There are few libraries, tools, etc. that I can honestly say have completely changed the way I code. In all honesty, jQuery makes the difficult aspects of JavaScript and turns them into a strength. I recommend it over any other JavaScript library I know. It is smaller, leaner, straight forwards, and more powerful than anything out there. Large companies like Google, Microsoft, and Dell use it. Microsoft is now including jQuery in Visual Studio, their powerful IDE for making websites. If anything, I have yet to meet a person who has used jQuery and has gone to anything else.

CSS – ID vs Class

Fri, 03 Oct 2008 22:22:20 +0000

After hacking apart & cleaning up code for the better part of the day, I’ve decided to set the record straight about CSS, IDs, and Classes. The question is “when should I use an ID, and when should I use a class?” Is it that big of a deal?

The big issue is that people who just write Cascading Style Sheets usually won’t run into problems if they are more lax with their use of IDs. Its the people after who coming in trying to add advanced JavaScript features that will end up becoming very, very frustrated.

ASP .NET 2.0, GridViews, HyperLinkField, and JavaScript

Tue, 08 Jan 2008 04:34:00 +0000

I’ve found some interesting notes on ASP .NET’s GridView, it’s limitations and work arounds. For work I was looking for a way to execute JavaScript from clicking a link on a GridView Cell. An example would be to having a list of transactions and wanting to click a link to update it’s details. I noticed that many functions of GridView used tags to execute JavaScript. An example would be:

<a href="javascript:myFunction('variable');">Link</a>

Since I had experience with the HyperLinkField before, I thought I would add a HyperLinkField to my GridView and set the DataNavigateUrlFields to the needed fields and the DataNavigateUrlFormatString to use the fields properly. I was hoping to accomplish it by using the following code, which in turn I found out this solution does not work: