Evented Mind

Video tutorials and classes for programmers.

  1. Oct 8, 2015

    Uploading a File with Node.js and Busboy

    You've already seen how file uploading works in HTTP. But we still need a way to parse the HTTP body on the server and turn those form parts into JavaScript objects and files. In this tutorial you'll see how to use the busboy NPM package to upload files in NodeJS. You'll also see how...

    • Node.js
    • Tutorial
  2. Oct 5, 2015

    What Happens When You Upload a File?

    Web browsers let you upload files to a server using a form and file input control. The browser sends an HTTP request with the body of the request containing the encoded contents of the form. In this tutorial you'll see what these requests look like on the browser and on the server. ...

    • Web
    • Tutorial
  3. Oct 1, 2015

    Customizing Meteor Login with React

    In this tutorial you'll learn how to convert our previous custom login UI to use React components. We'll build React components for each of the possible login states, and you'll see how to render the correct component depending upon the login state we're in (i.e. logging in, logged i...

    • Meteor
    • Tutorial
  4. Sep 28, 2015

    Customizing Meteor Login

    In this tutorial you'll learn how to customize Meteor's login configuration and user interface. We'll add the accounts-github package to authenticate against Github, and the service-configuration package to provide a client id and secret in our code instead of the app. Then we'll use...

    • Meteor
    • Tutorial
  5. Sep 24, 2015

    Passing Components and Methods As React Properties

    In a previous tutorial we created a reusable React dialog box component. In this tutorial we'll extend the dialog box component with two advanced properties. The first will let us pass custom html to be used in the save button. The second will let us pass a method to call when the user ...

    • React
    • Tutorial
  6. Sep 21, 2015

    Creating a Reusable React Dialog Box

    In this tutorial you'll see how to create a reusable dialog box using React, Meteor and Bootstrap. You'll see how to use React state to dynamically add or remove a css class depending on whether the dialog box is shown or not. Then you'll see how to wire up event handlers to change the ...

    • React
    • Tutorial
  7. Sep 16, 2015

    Render a Collection with Meteor and React

    In this tutorial, I'll show you how to use the ReactMeteorData mixin to use reactive data sources in your React components. You'll see how to create a new list item element for each document in a Mongo collection. Then you'll see how the React virtual DOM diffing algorithm only re-rende...

    • Meteor
    • Tutorial
  8. Sep 14, 2015

    Using React With Meteor

    In this tutorial we'll create a Meteor project that uses React. We'll start off by adding the react package. Then you'll see how you can structure your application to use React components, and render a layout and home page using React's children property. Finally we'll combine React ...

    • Meteor
    • Tutorial
  9. Sep 10, 2015


    ES2015 is the latest version of JavaScript, sometimes called ES6, or Harmony. It has a lot of great new syntax that captures behaviors that developers have been implementing themselves for a long time. It's also the version of JavaScript used in Meteor and React. In this class I'll star...

    • JavaScript
    • Class
  10. Sep 1, 2015

    Meteor 1.2 - ES6 and React

    A few days ago Meteor published a release candidate for version 1.2. It has a ton of new features including full support for ECMAScript 6 (a.k.a. ES6, ES2015 and Harmony) using the Babel compiler to make sure it works on existing browsers. In this video I'll tour a few key features of E...

    • Meteor
    • News
  11. Jul 10, 2015

    How The Web Works

    How does the web actually work? In this class we'll build a simple web server to understand the core principles. If you're using any application framework like Meteor, Rails, Express, Spring or .NET, they all start here.

    • Web
    • Class
  12. Jul 3, 2015


    Meteor uses a programming technique called 'Reactive Programming' in the browser to automatically propagate data changes through your application. You're probably already using several reactive data sources like Session and Cursor. In this class you'll dive into how the reactive system ...

    • Meteor
    • Class
  13. Apr 21, 2015

    Understanding React

    Now that you understand the basics of React, it's time to dive a little deeper. In this class you'll learn more about the fundamental building blocks of React. You'll start off by understanding React Elements and Components. Then you'll learn what JSX is and what it looks like after it ...

    • React
    • Class
  14. Mar 30, 2015

    Getting Started With React

    The React UI framework from Facebook allows us to make reactive user interface components that render in the browser or on the server. You can create components using a combination of html markup and JavaScript by using something called JSX. In this class you'll get a tour of the React ...

    • React
    • Class
  15. Feb 28, 2015

    Build a Multi Page App with Iron Meteor

    In this class we'll build a more sophisticated, multi-page application in Meteor. We'll use the iron scaffolding tool to create project structure and boilerplate code. In addition to understanding the concepts of a multi-page app, we'll build several features including multiple users, a...

    • Meteor
    • Class
  16. Jan 29, 2015

    Introduction to DDP

    The Distributed Data Protocol (DDP) is Meteor's real-time wire protocol based on simple JSON messages. First you'll learn how a stateful protocol like DDP differs from HTTP. Then you'll get a detailed look at the DDP server using the node-inspector server side debugging tool. Finally w...

    • Meteor
    • Class
  17. Jan 29, 2015

    Meteor Fibers and Dynamics

    The meteor runtime lets you write asynchronous code in a synchronous style using the Fibers co-routines module. This way, you can make Mongo queries without passing callback after callback while waiting for results. Dynamics is Meteor's implementation of dynamically scoped variables tha...

    • Meteor
    • Class
View the Entire Feed