At Narative, we’ve been fans of Gatsby from day one, using it to build performant and flexible products for both clients and ourselves. With the growing community interest in Gatsby, we hope to create more resources that make it easier for anyone to grasp the power of this incredible tool.
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
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. …
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.
You can view the final working example at: https://github.com/Jobeir/styled-components-server-side-rendering, discuss this post at https://spectrum.chat/thread/b95c9ef2-20cb-4bab-952f-fadd90add391
Co-founder at Narative — Design & Engineering.