Build a React Website With a Bootstrap Template

Derek JensenMar 27, 2020Lessons: 15Length: 1.6 hours

JavaScript React

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

1.1 Introduction

In this course, I'll walk you through the process of taking a simple, pre-built static web template and converting it into a single-page application using React.

1.Introduction
2 lessons, 05:00

2.Getting Started
2 lessons, 11:16

2.1
Choosing an HTML Template
05:24

2.2
Creating a React Application
05:52

3.Working With a Template
6 lessons, 54:13

3.1
Starting to Work With Our Template
11:47

3.2
Cleaning Up Inline Style Issues
05:13

3.3
Structure and Components
09:41

3.4
Adding Routing and a Home Page
09:33

3.5
Creating an About Page and Customization
09:35

3.6
Building the Contact Page
08:24

4.Creating UI Components
4 lessons, 22:28

4.1
Creating the `PostPreview` Component
04:46

4.2
Creating the `PostPreviewList` Component
04:06

4.3
Rendering Sample Data in a List
07:33

4.4
Passing Data Between Pages
06:03

5.Conclusion
1 lesson, 00:43

1.1 Introduction

I find it very interesting that quite often when scouring the Internet for web development tutorials, and more specifically, React tutorials, it's very easy to find samples with pre-built applications. Then on the other hand, we have such a wonderful amount of resources out on the Internet that contain great pre-built websites using HTML, CSS and JavaScript. But very rarely do these two worlds actually meet. Well, no more. In this course I'm gonna show you how to take one of those readily available templates and convert it into a fully functional single page application with React. So let's not waste any more time. Let's get started.

Back to the top

Derek Jensen

Derek Jensen is a lifetime nerd that calls the Chicagoland area home. He is your typical family man that loves activities with his wonderful wife and three amazing children. He is huge sports buff (both playing and coaching) and loves football, baseball and basketball. He loves just about any technology he can get his hands on but spends most of him time on the server side of the world. His day job consists of writing highly transactional backend web services, data access layers, and n-tier applications using the .NET Framework in C#. At night, when he's not spending time with his family, he enjoys authoring Tuts+ Courses and creating ASP.NET MVC web sites and mobile apps for clients.

kreatived

Build a React Website With a Bootstrap Template

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction
2 lessons, 05:00

1.1
Introduction
00:45

1.2
Prerequisites
04:15

2.Getting Started
2 lessons, 11:16

2.1
Choosing an HTML Template
05:24

2.2
Creating a React Application
05:52

3.Working With a Template
6 lessons, 54:13

3.1
Starting to Work With Our Template
11:47

3.2
Cleaning Up Inline Style Issues
05:13

3.3
Structure and Components
09:41

3.4
Adding Routing and a Home Page
09:33

3.5
Creating an About Page and Customization
09:35

3.6
Building the Contact Page
08:24

4.Creating UI Components
4 lessons, 22:28

4.1
Creating the `PostPreview` Component
04:46

4.2
Creating the `PostPreviewList` Component
04:06

4.3
Rendering Sample Data in a List
07:33

4.4
Passing Data Between Pages
06:03

5.Conclusion
1 lesson, 00:43

5.1
Conclusion
00:43

1.1 Introduction

Build a React Website With a Bootstrap Template

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction2 lessons, 05:00

2.Getting Started2 lessons, 11:16

3.Working With a Template6 lessons, 54:13

4.Creating UI Components4 lessons, 22:28

5.Conclusion1 lesson, 00:43

1.1 Introduction

1.Introduction
2 lessons, 05:00

2.Getting Started
2 lessons, 11:16

3.Working With a Template
6 lessons, 54:13

4.Creating UI Components
4 lessons, 22:28

5.Conclusion
1 lesson, 00:43