Narative is no longer publishing on Medium.

Read the latest version of “Understanding the Gatsby Lifecyclehere, and see our most recent work at narative.co/articles.

One of the challenges I had when learning Gatsby was trying to understand the Gatsby lifecycle. React introduced me to the concept of a Component Lifecycle, but when I started learning Gatsby…


a project by Narative

Narative is no longer publishing on Medium.

Read the latest version of “Building the new Hopper.comhere, and see our most recent work at narative.co/articles.

Creating a new website for Hopper, one of the top 4 most downloaded travel apps in the U.S, along with Uber, Lyft and Airbnb is no easy task. It’s critical to communicate to the world the brilliance behind Hopper and the people driving this rapidly-growing app.

Our journey began with discovery, understanding the key values of both Hopper as a product and as a company. …


narative.co powered by Gatsby

Narative is no longer publishing on Medium.

Read the latest version of “Why Narative loves Gatsbyhere, and see our most recent work at narative.co/articles.

To understand why we love Gatsby you have to understand what we do at Narative. Narative is a digital studio that focuses on creating the best brands and products in the world. Our team works on everything from page based websites to complex web apps. The core of our engineering team works in the React ecosystem and has experience from some of the best startups in Canada.

Traditionally, building page based websites, such as marketing websites, landing pages, or blogs would require…


The goal of this guide is to share the core principles of how to use styled-components in a server side rendered React application. The beauty of styled-components really shines through when you realize how seamless it is to setup in your application. Furthermore, styled-components are easy to integrate into existing applications that are using other methods of styling.

In this guide there are no additional libraries such as Redux, React Router, or concepts such as code splitting — let’s start with the basics.

Getting started by setting up our React app

Dennis Brotzky

Co-founder at Narative — Design & Engineering.

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