Hands-On Application Development with React and Bootstrap

Fast frontend development with React and Bootstrap; build fluid reactive and responsive websites

4.80 (60 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Install the required dependencies for a React App that uses Bootstrap 4

Use JSX to code your markup in a very natural way (as opposed to the usual approach)

Create your own React user login and registration component containing elements from the Bootstrap 4 library

Build a user interface out of components instead of the traditional jQuery and Document Object Model

Work with an integrated testing server running on Node .js to create a production build

Publish your web application using a production build script

Why take this course?

React is one of the most popular front-end JavaScript library for interactive web applications. Bootstrap 4 is a free HTML, CSS, and JavaScript framework that allows developers to build responsive, mobile-first websites. Integrating Bootstrap with React allows web developers to write much cleaner code, thus reducing the time spent on the frontend. In this course, the author, Bruce Van Horn, will help you gain a thorough understanding of the Bootstrap framework and will show you how to build impressive web apps. You will build a website with UI elements such as image galleries and custom pricing/shopping tools along with Bruce. He will show you how to use HTML, ES6, CSS, React, and Bootstrap 4 to build your own dynamic website.

By the end of the course, you will be able to build real-time responsive web apps using React and Bootstrap and will have learned to use the ES6 Syntax.

About the Author

Bruce M. Van Horn II is a professional software engineer with over 30 years of programming experience developing large scale commercial applications used by millions of unique users every day. He works as the lead developer for Clear Technologies, in Dallas, Texas, as the engineering lead for Clear Technologies’ Visual Storage Intelligence product. For 25 years, he has also taught evening classes at the collegiate and university level in various programming, animation, and multimedia disciplines. He currently teaches Full Stack Web Development at Southern Methodist University.

When not writing code or wrangling his two young daughters, he enjoys working on video game designs and creating CGI based art and animation.

Screenshots

Hands-On Application Development with React and Bootstrap - Screenshot_01

Hands-On Application Development with React and Bootstrap - Screenshot_02

Hands-On Application Development with React and Bootstrap - Screenshot_03

Hands-On Application Development with React and Bootstrap - Screenshot_04

Reviews

Tomislav

March 12, 2023

I think this is a great course. Now we have problem that it is a bit outdated because all components on reactstrap page are function based react and I have trouble with conversion from class based react to function based react. Luckily chatGPT helped me a lot in this conversion.

Chaitanya

December 1, 2022

Great course, and very easy to follow. But some of the things have become outdated now and therefore this course needs an update.

Vandana

August 17, 2022

I enjoyed working on new projects in this course. This course helped me a lot in clearing the concepts.

Ravi

May 22, 2022

This is Really Nice for the Beginner. But the only concern is this Is an old video and there are some npm lib not available, the main thing is reactstrap is updated and now react version also updated, so providing latest video would be better for beginner

Piotr

August 13, 2021

If you want to learn React from zero to hero it's not good place for you. But if you want to learn how to work with bootstrap in react then it's pretty complex course.

Liviu

June 13, 2019

The time spent to fake a backend and to explain it could be better used to build a real backend with node and express

Fabio

April 22, 2019

Good content and explanations, but at the end of the course I found some issues with the code written during the class. Eventually it can be solved if you search in the archives.

Jean-Marc

February 19, 2019

Nice introduction to ReactStrap. I have found the React code very clean. I have enjoyed json-server. Last section is very challenging.

Charts

Price

Rating

Enrollment distribution

Hands-On Application Development with React and Bootstrap - Distribution chart