1. Introduction, React Components and Integrating Bootstrap 4

In this tutorial we walk you through how to make your React JS front end look great by implementing Bootstrap 4. We’ll also demonstrate how we can instantly filter items on the front end.

This tutorial is part 2 of How to Develop a Detached DNN Front End with React JS where we began the creation of a Movie library... administered in the DNN backend, but displayed on an entirely detached React JS front end via a REST API developed with the 2sxc module.

React.js was developed by Facebook and is at the cutting edge of front end development, and it’s quickly becoming the industry standard javascript library of choice worldwide.

2SXC is a fantastic module allowing us to turn DNN into a decent content management system. Recent new features allow us to visually build REST API routes.

This video contains:

• Introduction
• How to add Bootstrap 4 to your React project
• Introduction to React Components
• How to setup a new child component
• Render a child component within a parent component
• How to pass and use component props