source Gamma_Zephyr, via pixabay

This article serves as an introduction to CSS Grid, a helpful styling tool that enables programmers to design web pages specifically via rows and columns. Grid is often compared with Flexbox, another CSS tool that styles web page items in a single direction. CSS Grid, on the other hand, can more explicitly position a web page’s elements in two dimensions, without having to use floats and positioning. Flexbox and grid are very powerful when used in conjunction with one another, and their usage is dependent on their application. If you are not familiar with Flexbox, click here to learn more.

source Tama66, via pixabay (CC0)

This article is the first in a series that will cover the basics of several React hooks. Before diving into the first, most elementary hook in the series, the useState hook, it’s important to understand what hooks are in general.

In October 2018, React introduced hooks as a solution for implementing state and side effects in React functional components. These features were previously available exclusively through the use of React class components. Functional components now have the tools required to “hook into” the React state and access their own version of life cycle functionality. …

source JACLOU-DL, via pixabay

In the same way Eurasier puppies inherit attributes and behaviors from their parents, or heirs receive assets from the deceased, Ruby classes can inherit methods and behaviors from their superclasses. This functionality is fundamental to object-oriented programming, allowing for the creation of increasingly specific subclasses by leveraging method reusability. A child (subclass) inherits all the methods of its parent (superclass), and can increase in specificity depending on the programmer’s needs. These capabilities are illustrated in the following example:

Example 1: Simple Inheritance in Ruby

On line 7 in the example (above), the subclass Bulldog inherits the methods from its superclass…

source alexas_photos, via pixabay (CC0)

Data transfer between clients and servers plays an integral role in shaping the world wide web as we know it today. In order to communicate data between database and browser, developers need a language that’s easy to read, write, and parse. This article will take a deeper look into the differences between Extensible Markup Language (XML) and JavaScript Object Notation (JSON), the two most common languages for data interchange on the web.

Imagine a situation in which a client wants to receive specific frog data from a server. …

If you’re a developer creating an application using React components, it’s very likely that you’ll want to collect user data via forms. This post will highlight the most common practices used to build controlled forms in React. But before that, it’s important to understand what a controlled form is.

What’s the difference between a controlled and uncontrolled form?

To put it simply, an uncontrolled form in React is comparable to a basic HTML form. User input data is stored statically into DOM nodes and later referenced using the ref attribute. These types of forms maintain their own internal state.


Evan House

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store