Writing Your Own Authentication React Components for Meteor

With Meteor new separating their accounts logic from Blaze, you might be wondering how to get your React Meteor app wired up to log users in and register new users. What I usually do, is completely throw out the Blaze Account UI template that is usually provided and instead role my own. The Login Form […]

Continue reading "Writing Your Own Authentication React Components for Meteor" »

React Mini Series 1 – What is React?

React is an amazing web technology that I use daily. It’s paradigm of breaking your app up into components, keeping your HTML near your JavaScript, and using props and state to track data has been extremely helpful while developing small and large applications. I have started creating a tutorial mini-series on React, with the goal […]

Continue reading "React Mini Series 1 – What is React?" »

Cucumber Automation tests: Gherkin Features and Step Definitions

Cucumber works by using features, and step definitions. Features are written in Gherkin which reads like plain text, and step definitions are written in javascript. Cucumber looks through your feature file, and runs the matching step definition function when it sees a matching pair. Gettings Started With Cucumber: Gherkin Cucumber lets you write your features […]

Continue reading "Cucumber Automation tests: Gherkin Features and Step Definitions" »

The Abstract Factory Pattern

An Abstract Factory provides an interface for creating families of related or dependent objects without specifying their concrete classes. Why It’s Useful Before we get into the dry definition of the Abstract Factory Pattern, let’s investigate a scenario where it would be useful. When we are going through this situation and solution, we will be using […]

Continue reading "The Abstract Factory Pattern" »

Improving Your Website with Hover Effects

Hover effects are a great way to present secondary information in an expressive and visually appealing way. One of the problems with these sorts of effects is finding inspiration for them so that you are not doing the same old on-mouse-over effects over and over again. I have made a repo compiling all of the hover […]

Continue reading "Improving Your Website with Hover Effects" »

Speeding Up How You Write Your React Tests with Enzyme

Enzyme is a JavaScript testing utility for React by AirBnB that makes it easier to test by providing functions to help you assert, manipulate, and traverse your React components. It has documentation for how to use Enzyme with mocha, karma, jasmine, browserify, webpack, and more! In this post, we are going to use Mocha as our […]

Continue reading "Speeding Up How You Write Your React Tests with Enzyme" »

How Modlets Can Help You Improve Maintainability

Next time you start working on your next web application, ask yourself: Can I compose my application from many different little applications? Rather than structure your app as a bunch of Actions, Stores, Views, and Stylesheets, perhaps you can structure your app as little sets of code. That is what the Modlet pattern is for. […]

Continue reading "How Modlets Can Help You Improve Maintainability" »

An Introduction to Flux

Flux is an application architcture invented by Facebook that is specifically for building client-side web applications. However, this application architecture can also be applied to React Native and the same methodologies can be applied to any rendering engine. The main goal of Flux is that data flows one way. Data Flow Hacker Way: Rethinking Web App […]

Continue reading "An Introduction to Flux" »

Older Posts