Learning Web Development with React and Bootstrap

Build real-time responsive web apps using React and Bootstrap
Preview in Mapt

Learning Web Development with React and Bootstrap

Harmeet Singh, Mehul Bhatt

3 customer reviews
Build real-time responsive web apps using React and Bootstrap
Mapt Subscription
FREE
$29.99/m after trial
eBook
$10.00
RRP $31.99
Save 68%
Print + eBook
$39.99
RRP $39.99
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
$10.00
$39.99
$29.99 p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Learning Web Development with React and Bootstrap Book Cover
Learning Web Development with React and Bootstrap
$ 31.99
$ 10.00
Getting Started with Deep Learning with R [Integrated Course] Book Cover
Getting Started with Deep Learning with R [Integrated Course]
$ 124.99
$ 10.00
Buy 2 for $20.00
Save $136.98
Add to Cart

Book Details

ISBN 139781786462497
Paperback252 pages

Book 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 book will help you gain a thorough understanding of the Bootstrap framework and show you how to build impressive web apps.

In this book, 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 book, you will be equipped to create responsive web applications using Bootstrap style and React-Bootstrap components with ReactJS, and will have an insight into the best practices.

Table of Contents

Chapter 1: Getting Started with React and Bootstrap
ReactJS
Setting up the environment
Installing ReactJS and Bootstrap
Bootstrap
Using React
Static form with React and Bootstrap
Summary
Chapter 2: Lets Build a Responsive Theme with React-Bootstrap and React
Setting up
Scaffolding
Navigation
React-Bootstrap
Bootstrap grid system
Helper classes
React components
Summary
Chapter 3: ReactJS-JSX
What is JSX in React
Acquaintance or understanding
Semantics/structured syntax
The composite component
Namespace components
Attribute expressions
Summary
Chapter 4: DOM Interaction with ReactJS
Props and state
Form components
Getting the form values on submit
Summary
Chapter 5: jQuery Bootstrap Component with React
Alerts
Bootstrap alert component in React
Component lifecycle methods
Component integration
Summary
Chapter 6: Redux Architecture
What is Redux?
Architecture of Redux
Redux setup
Summary
Chapter 7: Routing with React
Advantages of React router
Installing router
Application setup
Creating routes
Page layout
Nested routes
Summary
Chapter 8: ReactJS API
React Top-Level API
React API component
Object-oriented programming
React integration with other APIs
Summary
Chapter 9: React with Node.js
Installing Node and npm
Responsive Bootstrap application with React and Node
React developer tools
Summary
Chapter 10: Best Practices
Handling data in React
React routing
Customizing Bootstrap for your app
Interesting information about ReactJS and Bootstrap projects
Helpful React projects
Things to remember
Summary

What You Will Learn

  • See how to integrate Bootstrap with React
  • Explore the Redux architecture and understand its benefits
  • Build a custom responsive theme with React-Bootstrap components
  • Easily interact with DOM on your web browser
  • Appreciate the advantages of using JSX
  • Get acquainted with the various routing methods in React
  • Integrate external APIs into React

Authors

Table of Contents

Chapter 1: Getting Started with React and Bootstrap
ReactJS
Setting up the environment
Installing ReactJS and Bootstrap
Bootstrap
Using React
Static form with React and Bootstrap
Summary
Chapter 2: Lets Build a Responsive Theme with React-Bootstrap and React
Setting up
Scaffolding
Navigation
React-Bootstrap
Bootstrap grid system
Helper classes
React components
Summary
Chapter 3: ReactJS-JSX
What is JSX in React
Acquaintance or understanding
Semantics/structured syntax
The composite component
Namespace components
Attribute expressions
Summary
Chapter 4: DOM Interaction with ReactJS
Props and state
Form components
Getting the form values on submit
Summary
Chapter 5: jQuery Bootstrap Component with React
Alerts
Bootstrap alert component in React
Component lifecycle methods
Component integration
Summary
Chapter 6: Redux Architecture
What is Redux?
Architecture of Redux
Redux setup
Summary
Chapter 7: Routing with React
Advantages of React router
Installing router
Application setup
Creating routes
Page layout
Nested routes
Summary
Chapter 8: ReactJS API
React Top-Level API
React API component
Object-oriented programming
React integration with other APIs
Summary
Chapter 9: React with Node.js
Installing Node and npm
Responsive Bootstrap application with React and Node
React developer tools
Summary
Chapter 10: Best Practices
Handling data in React
React routing
Customizing Bootstrap for your app
Interesting information about ReactJS and Bootstrap projects
Helpful React projects
Things to remember
Summary

Book Details

ISBN 139781786462497
Paperback252 pages
Read More
From 3 reviews

Read More Reviews

Recommended for You

React Design Patterns and Best Practices Book Cover
React Design Patterns and Best Practices
$ 35.99
$ 10.00
Learning Vue.js 2 Book Cover
Learning Vue.js 2
$ 35.99
$ 10.00
React and React Native Book Cover
React and React Native
$ 39.99
$ 10.00
React Native Cookbook Book Cover
React Native Cookbook
$ 39.99
$ 10.00
JavaScript: Functional Programming for JavaScript Developers Book Cover
JavaScript: Functional Programming for JavaScript Developers
$ 63.99
$ 10.00
Android Design Patterns and Best Practice Book Cover
Android Design Patterns and Best Practice
$ 35.99
$ 10.00