Building a React Component with Bootstrap [Video]

Preview in Mapt

Building a React Component with Bootstrap [Video]

Harmeet Singh, Mehul Bhatt

Optimize your websites and applications with React and Bootstrap
Mapt Subscription
FREE
$29.99/m after trial
Video
$106.25
RRP $124.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$106.25
$29.99p/m after trial
RRP $124.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


Building a React Component with Bootstrap [Video] Book Cover
Building a React Component with Bootstrap [Video]
$ 124.99
$ 106.25
Build a Reddit-Like Messaging Board with React and Firebase [Video] Book Cover
Build a Reddit-Like Messaging Board with React and Firebase [Video]
$ 124.99
$ 106.25
Buy 2 for $35.00
Save $214.98
Add to Cart
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Video Details

ISBN 139781788295475
Course Length1 hour and 23 minutes

Video Description

Bootstrap is one of the most popular front-end frameworks, and integrating it with React allows web developers to write much cleaner code. This video helps you gain a thorough understanding of the Bootstrap framework and shows you how to build impressive web apps. In this video, you will get an overview of the features of Bootstrap and ReactJS, along with the integration of React-Bootstrap components with ReactJS. You will understand the benefits of using JSX and the Redux architecture. The server-side rendering of React will also be shown.

All the concepts are explained by developing real-world examples. By the end of this video, you will be equipped to create responsive web applications using Bootstrap style and React-Bootstrap components with ReactJS, and will have an insight into appropriate best practices.

Style and Approach

This video's mission is to help you make a live and fully responsive web application using React-Bootstrap with hands-on examples and step-by-step instructions. This video course is linear as well as progressive, so every section builds upon the knowledge gained in the last.

Table of Contents

Getting Started with React and Bootstrap
The Course Overview
Setting Up the Environment
Installing ReactJS and Bootstrap
Static Form with React and Bootstrap
Building a Responsive Theme with React-Bootstrap and React
Setting Up React JS and Bootstrap
React-Bootstrap
Bootstrap Grid System
Helper Classes
React Components
ReactJS-JSX
Functions of JSX in React
Acquaintance or Understanding
Namespace Components
JSX Transformer
JavaScript Expressions
Example of a Dynamic Form with JSX
DOM Interaction with ReactJS
Form Components
Getting the Form Values on Submit
Bootstrap Helper Classes
jQuery Bootstrap Component with React
Bootstrap Alert Component in React
Component Lifecycle Methods
Component Integration
Bootstrap Modal

What You Will Learn

  • Integrate Bootstrap with React
  • Easily interact with DOM on your web browser
  • Appreciate the advantages of using JSX

Authors

Table of Contents

Getting Started with React and Bootstrap
The Course Overview
Setting Up the Environment
Installing ReactJS and Bootstrap
Static Form with React and Bootstrap
Building a Responsive Theme with React-Bootstrap and React
Setting Up React JS and Bootstrap
React-Bootstrap
Bootstrap Grid System
Helper Classes
React Components
ReactJS-JSX
Functions of JSX in React
Acquaintance or Understanding
Namespace Components
JSX Transformer
JavaScript Expressions
Example of a Dynamic Form with JSX
DOM Interaction with ReactJS
Form Components
Getting the Form Values on Submit
Bootstrap Helper Classes
jQuery Bootstrap Component with React
Bootstrap Alert Component in React
Component Lifecycle Methods
Component Integration
Bootstrap Modal

Video Details

ISBN 139781788295475
Course Length1 hour and 23 minutes
Read More

Read More Reviews

Recommended for You

Build a Reddit-Like Messaging Board with React and Firebase [Video] Book Cover
Build a Reddit-Like Messaging Board with React and Firebase [Video]
$ 124.99
$ 106.25
Building a Responsive Application with Bootstrap [Video] Book Cover
Building a Responsive Application with Bootstrap [Video]
$ 84.99
$ 72.25
Building a Responsive Website with Bootstrap [Video] Book Cover
Building a Responsive Website with Bootstrap [Video]
$ 84.99
$ 72.25
ReactJS by Example - Building Modern Web Applications with React Book Cover
ReactJS by Example - Building Modern Web Applications with React
$ 35.99
$ 25.20
Building a Search Server with Elasticsearch [Video] Book Cover
Building a Search Server with Elasticsearch [Video]
$ 84.99
$ 72.25
Learning React.js with Flux [Video] Book Cover
Learning React.js with Flux [Video]
$ 124.99
$ 106.25