Overview

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.

Units

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.

Subscribe

Click the button below to subscribe to this tutorial.
Premium members can subscribe for free.

Online Membership

Can't make it to our live courses? Join our online membership for video tutorials, code samples and access to our Slack Channel.

Basic

Free
  • Access to Free Tutorials
  • Downloadable Code Samples
  • Downloadable Videos
  • Q & A Forum Access
Join

Premium

$14.99/mo
  • Access to ALL Tutorials
  • Downloadable Code Samples
  • Downloadable Videos
  • Q & A Forum Access
  • Discounts on Live Courses
  • Cross-Premium Membership to Turbo