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.

Join Free

Join for free today and deploy your site in seconds


Already have an account? Sign in HERE