What is Theme UI? As the official site says, Theme UI is a library to building consistent, themeable React apps based on constraint-based design principles. It allows you to style any component in your application with typographic, color, and layout values defined in a shared theme object. Theme UI includes Emotion (CSS-in-JS library) with additional […]

This article is part 3 of “How to start with Gatsby JS” series. Step 6. Gatbsy Image One of the most important advantages of Gatsby is it works very fast. Many delays in loading pages are caused by too big and non-optimized images. Gatsby has several useful plugins that help completely optimize images and maintain […]

This article is part 2 of “How to start with Gatsby JS” series. Step 5. Typography – Dynamic Component and Styled System Regarding typography, first I think about creating a component for each style of text and import it as needed. However, not every text style has the same HTML tag. Preparing several of the […]

This article is part 1 of “How to start with Gatsby JS” series. Introduction Let me show you how to use GatsbyJS with Styled Components and Storybook. Gatsby is a framework generator built with React and GraphQL. This is a static-site generator that helps you build blazingly fast websites and apps. To front-end side, I […]

Introduction Let me show you how to use GatsbyJS with Styled Components and Storybook. Gatsby is a framework generator built with React and GraphQL. This is a static-site generator which helps you build blazing fast websites and apps. To front-end side, I will use Styled Components – the library which allows writing CSS styled in […]