Using Themes With React

Turbo 360

Using html web themes are a great way to add a professional look and feel to your site in a short amount of time. However, with React, this technique can be tricky. In this 2-part tutorial, we use a basic web theme from html5up.net to create a React based project with a polished look.


Importing a Theme

In video 1, we set up the base of the project using Node and Express Generator. We then select a theme from https://html5up.net for the site and import the required assets, images, and css files.

Converting to Components

In this video, we translate the theme into re-usable React components. We then pass properties to the components in order to add variety to their content and layout structure.

Membership Options