Tutorial - Create a React.js Auto-complete Search Box With Material-UI in < 100 Lines of Code - Part II

June 20, 2016

In part I of this series, I demonstrated to developers how to write the first part of a React.js auto-complete search box for Youtube that piggy-backs on top of Material-UI.

This component is titled MaterialUIAutocomplete (for lack of a better name!).

Take a moment to review part I of this series it if you haven’t.

As I mentioned in part I, the auto-complete search box is designed...

Tutorial - Create a React.js Auto-complete Search Box With Material-UI in < 100 Lines of Code - Part I

May 11, 2016

If you’re keeping up to date with Web technologies, and you do a lot of work on the front-end, you’re probably aware that the way we develop interfaces has changed.

This change is good and holds a lot of potential power for you as a developer (or aspiring developer).

Today, most Single Page Apps (blazingly fast apps built for the browser) are written by thinking and developing in components.

So I want to...

Create a React.js Auto-complete Component With Material-UI in < 100 Lines of Code - Intro

May 5, 2016

I want to show you how to do something really cool. I want to show you how to create a UI component in less than 100 lines of code that you can publish on NPM.

I’m talking about something you could potentially write in 1 or 2 hours and immediately publish to the world.

If you’re a new developer, or a seasoned developer, publishing your own open-source code is a great way to share your...

Publish Your React Component

March 13, 2016

I want to see more front end developers contribute to open source.

I also want more developers to stop wasting endless cycles rewriting code, copying and pasting components from one app to another, and creating components from scratch when it would be easier to build on top of the work of others.

If you’re a developer, it would greatly enhance your skills and your prestige to have a collection of open source components. Firstly, it’s...

A Video Education Prototype

December 13, 2015

As a Lifelong Learner, and as a creative person, I find myself constantly learning. Part of my process of learning involves watching videos. But not just any videos. Great, high quality videos on topics that interest me deeply.

Youtube is a great resource for this.

Aside from Youtube, I’m also a student of Coursera and Kahn Academy. Recently, I took a course on Algorithms at Coursera which...

Using the Material UI for React.js LeftNav Component

July 5, 2015

I wasted a bit of time figuring out how to utilize the LeftNav component from Material UI for React.js. I wanted a left-hand drawer that would open and close. The component looks pretty slick right out of the box, so I wanted to plug this in quickly, but nothing worked. Eventually, I hunted down the correct way to implement this component.

Firstly, I added an AppBar component to my viewport with...

Get Set Up with React, Material Design and Firebase

June 15, 2015

When you start to prototype, you need to get set up quickly. You need to focus more on what your application does, and less on how to glue things all together. I’ve wasted so much time getting set up over and over again it’s sickening.

Unfortunately, there’s no magic wand you can wave that will magically assemble everything together for you. But there is help. Help comes in the form of: generators, abstractions, design systems,...

Set Up Your Environment for Mobile Debugging

June 7, 2015

You can use Chrome Devtools for remote mobile debugging. This means you can plug in your mobile Android device to your development machine and use Chrome Inspector to debug it.

So how do you get this set up? All you need is your development machine, your Android device, and a USB cable. Here’s how you do it.

(BTW: There’s a way to do this with an Iphone as well. But for this post I’m just...