Scott Domes

Even more about how Flexbox works — explained in big, colorful, animated gifs

Last time we got started with the basic Flexbox properties: flex-direction, justify-content, align-items, and align-self. These commands are powerful for creating basic layouts. But once you start building webpages with Flexbox, you’ll need to go deeper to maximize its potential.

React

Our Best Practices for Writing React Components

When I first started writing React, I remember seeing many different approaches to writing components, varying greatly from tutorial to tutorial. Though the framework has matured considerably since then, there doesn’t seem to yet be a firm ‘right’ way of doing things.

css

How Flexbox works — explained with big, colorful, animated gifs

Flexbox promises to save us from the evils of plain CSS (like vertical alignment). Well, Flexbox does deliver on that goal. But mastering its new mental model can be challenging. So let’s take an animated look at how Flexbox works, so we can use it to build better layouts.

React

How to Benchmark React Components: The Quick & Dirty Guide

A React Component works hard. As the user manipulates the state of the application, it may re-render 5, 10, 100 times. Sometimes, that’s a good thing. But if you don’t understand what is causing the re-renders, and whether they are necessary, your app could suffer serious slowdown.

JavaScript

Build a Node.js API in Under 30 Minutes

This tutorial is a quick and simple guide to Node.js, the Express framework, and MongoDB, focusing on the fundamental REST routes and basic database interaction. You’ll build a simple API boilerplate that can then be used as the foundation for any app.

React Native

Getting Started with React Native in 20 Minutes

Jump into React Native and build a basic boilerplate, learning key features and best practices along the way.