A quick guide to setting up pagination using React only.

To Begin

Create your React application.

npx create react-app pagination-app

Navigate to the project directory.

cd pagination-app

Create a Pagination.js component inside the src folder.

import React from 'react';const Pagination = () => {
return (

A quick guide to setting up a React application with Redux + Thunk.

What is Redux?

Redux is a JavaScript library used to manage application state. It can be broken down into three major components.

  1. Store
  2. Action
  3. Reducer

The store is responsible for maintaining an application’s state. In order to update the store…

A simple guide to creating a CRUD application and implementing user authentication with Ruby on Rails.

This tutorial is designed to walk you through the steps necessary to set up a CRUD (create, read, update, delete) Ruby on Rails application with user authentication. …

Understanding the unique attributes that define pure functions in JavaScript.

After finishing coding bootcamp, I spent the bulk of my time developing a deeper understanding of JavaScript. Throughout my studies, I came across a variety of terminology that I was aware of but couldn’t quite define on my own. Today, we’ll be learning about one of the terms, pure functions.

What is a Pure Function?

A brief overview designed to help you understand the fundamental concepts of prototypal inheritance.

What is Prototypal Inheritance?

In simple terms, prototypal inheritance refers to objects inheriting properties and methods from other objects. These object that properties are being inherited from are called prototypes. JavaScript is a prototype based language. …

A step-by-step guide to traversing a tree with breadth first search.

What is Breadth First Search?

Breadth first search is an algorithm for searching a tree or graph data structure. It begins at the root node then explores all nodes left to right, level by level. …

An Introduction to JavaScript’s Call Stack, Event Loop and Event Queue

What is the Call Stack?

A call stack is a mechanism for an interpreter (like the JavaScript interpreter in a web browser) to keep track of its place in a script that calls multiple functions — what function is currently being run and what functions are called from within that function, etc. …

Learn Essential Markdown Syntax Ranging from Text Styling and URL Links to Image Manipulation.

What is Markdown?

Markdown is an easy to use syntax for styling and formatting writing on the internet. Most likely, you’ve seen it used for GitHub READMEs. When developing new applications, it’s always a good idea to create a…

A Beginner’s Guide to Setting Up Routes with React

Aerial Street View of Barcelona, Spain

After 5 months in the Flatiron School’s software engineering problem, it was finally time to start my final project. My assignment was to create a single page application with a React/Redux frontend and a Rails API backend. …

A Beginner Guide to Configuring a Project with TypeScript

What is TypeScript?

TypeScript is a superset of the JavaScript language, developed and maintained by Microsoft. It utilizes a type system to assist in error handling increase development efficiency.

Have you been studying TypeScript?

Not sure how to implement it into an actual project?

Ellen Park

Full Stack Software Engineer specializing in Javascript, React and Ruby on Rails

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