Metal Toad has done A LOT of JavaScript development over the years (our current favorite framework is ReactJS, but we've worked with AngularJS, Node.js, and more). Sit down and learn some stuff about JavaScript from us - all for free and at your own pace. Enjoy!
-
React in Detail: Elements, Components, and HOCs
At Metal Toad, I’m part of a team of developers who often work on code together. Whether it’s pairing with one other person or mobbing as a larger group, teamwork is an important way we help each other and provide the best value to our customers. And teamwork requires communication.
-
An Overview of Redux Middleware for React Applications
While working with large React applications, having a solid Redux architecture can keep data flow clean and easy to debug. A common point of confusion in Redux is the middleware pattern. We'll discuss why Redux middleware is beneficial, where it fits in, and step through an implementation of it.
-
The Value of Android, iOS, and React to the Cloud
As an AWS Advanced Consulting Partner, Metal Toad helps our clients identify their cloud solutions. However, one question I frequently hear is, “If we are building cloud solutions, then why is there a need for engineers in Android, iOS, and React specialties?”.
-
Angular 6: Upgrading API calls to RxJS 6
With the release of Angular 6.0 in May 2018, the framework has been updated to depend on version 6.0 of the RxJS library.
-
BackstopJS Part Deux: Javascript Config and Makefile
I’ve written previously about my setup for BackstopJS (which I’m still excited to say is the creator-recommended tutorial for V2 o
-
Using Serverless Config to Deploy an AWS CloudWatch Dashboard
My team’s most recent project has been really interesting - it’s a JavaScript project that includes using the Serverless Framework to deploy a variety of AWS Lambda Functions (e.g. uploading to S3 buckets and making requests to the API that we built)...
-
A Better Javascript
I've been thinking a lot about Javascript over the last few months. And not the "How can we architect a better system" type of thinking, but the "Why do people still write this?" type thinking. I guess it only recently occurred to me, it seems crazy that people still think it's a good idea.
-
ReactJS Architecture (3 of 3): Proper React Component Structure
The point I’d like to get across in this post is why I structure React components the way that I do for this architecture. It pairs nicely with the Director configuration we set up in Part 2, and it allows me to get content up and running quickly.
-
ReactJS Architecture (2 of 3): Route Changes and Route Handlers
In React Architecture: Part 1 we discussed a desire to configure a working React website with as few addons as possible. The post ended with the creation of a basic Webpack config, which left us with a project structure like...
-
ReactJS Architecture (1 of 3): Configuring React
React is awesome. An 11 out 10. In my opinion, the best UI library currently in the ecosystem. It streamlines UI componentization, reusability, UI state, and a ton of other client side headaches devs have been mitigating for years. React's greatest flaw, in my opinion, isn't...
-
Angular 2: HTTP, Observables, and concurrent data loading
Angular 2 provides a new pattern for running asynchronous requests, called Observables. Here, we will review a few of the concepts and eventually see how to run multiple concurrent HTTP requests, with the callbacks running only after all of them have completed.
-
Force Touch for Safari in Javascript
First I explored Force Click on the Mac. Now it is on the web with javascript in Safari. There has long been hooks for touches and gestures on Safari for iOS devices.
-
Autocomplete Using ActiveAdmin and Rails 3
I love how easy ActiveAdmin is to use out of the box, but it can force you into using a panoply of workarounds for forms with any significant level of complexity. The challenge I faced was making this:
-
Javascript WAT: ECMAScript Abstract Equality Comparison Algorithm
I'm assuming most of you saw Gary Bernhardt's talk from CodeMash 2012 on some WAT™ features in Ruby and JavaScript. If not, I highly recommend you do as it's thouroughly amusing. No, seriously. Go ahead, I'll wait...
-
Javascript: Understanding Objects vs Arrays (2 of 2)
In Part 1 of this blog post I omitted one very important detail about the nature of Arrays. You might have heard this already: "Everything is an Object in javascript!". This is technically true.
-
Javascript: Understanding Objects vs Arrays (1 of 2)
What are Javascript Objects? How do they differ from Arrays in Javascript? When is it advantageous to use one over the other?
-
Writing a simple Sublime Text plugin.
For the most part I like to keep my code editors as light and vanilla as possible. Some of the basic features that I like to see in my editor include auto indentation, syntax highlighting and ability to search across the project. Anything that will help debugging my codebase is a plus.
-
Metal Toad University - Class #4: JavaScript!
Want to catch up with Metal Toad University? Go through the previous classes here!
-
How To Detect Which Element Was Clicked, Using jQuery
Sometimes we would like to find out which particular element (or set of elements) has user clicked on. However, binding click events on each element manually might not be the most practical way of accomplishing this. Or we might want to fire a certain event if user
-
ToadCast 006 - Google Fiber, OOCSS, and some nostalgia
ToadCast #6, I was joined by Dan Linn to discuss Google Fiber, MTV (unexpectedly), personal audio devices, cool javascript projects, and CSS.
-
JavaScript: Resizing text to fit in a container
This span is too big for this div
-
Using Drupal to Make a Super Fast Mobile App
Let's imagine a scenario where you want a super-fast mobile app that uses a Drupal backend from an already existing site.
-
Elasticsearch and Jetty
I needed a custom REST interface that mimicked a legacy API, rather than using elasticsearch's REST interface directly. Because we all know that I love JavaScript, I wanted it to be written in JavaScript as a servlet. That way I can just run a single executable platform for data, searching, and url mapping/data-munging, as well as static HTML service. And it's all in my favorite language. Here is how I accomplished this:
-
First class dependency objects in ECMAScript Harmony
How to use first class dependency objects with ECMAScript Harmony.
-
Using Node and CouchDB to get things done
As I mentioned earlier, I love JavaScript. Today, I'd like to talk about how to use it to get (fun) things done. We are going to make a node data-mining script, and store its work in couch.
-
PNW Drupal Summit Session: Javascript Workshop
I need a session on how to choose which session to go to. So much great information and so little time.
-
Getting Serious Using Javascript with node.js and couchdb
I love CouchDB and node.js.
-
Why HTML5 Makes Sense for Business
There's a lot of buzz from developers about HTML5, but what does it really mean to business? I look at in terms of...
-
Drupal/AJAX: Exercise caution when using special foreign characters
I was recently working on a Brazilian Drupal 6.x site that uses CCK forms and needed some functionality to map a dropdown select list of states to another dropdown of cities in the chosen state, which I accomplished using a combination of the