Learning Web Development with React and Bootstrap

Build real-time responsive web apps using React and Bootstrap

Learning Web Development with React and Bootstrap

Learning
Harmeet Singh, Mehul Bhatt

Build real-time responsive web apps using React and Bootstrap
$5.00
$39.99
RRP $31.99
RRP $39.99
eBook
Print + eBook
Code Files
Free Sample

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

Read More Reviews

DEAL OF THE DAY

Sign up here to get exclusive deep discounts on our latest and bestselling eBooks, delivered straight to your inbox every day.

FREE LEARNING FOREVER

Master new IT skills and unlock valuable software & web development knowledge with a FREE eBook every day.

Recommended for You

Getting Started with Microsoft Lync Server 2013
$ 5.00
Everything you need for understanding and working with Lync 2013 in a fast-paced manner
Excel 2013 Dashboard Design [Video]
$ 5.00
Create stunning and fully interactive data visualizations in Excel 2013
Data Analysis and Business Modeling with Excel 2013
$ 5.00
Manage, analyze, and visualize data with Microsoft Excel 2013 to transform raw data into ready to use information
SharePoint 2013 WCM Advanced Cookbook
$ 5.00
Take your understanding and usage of SharePoint to the highest levels with this fantastic set of recipes. From sophisticated branding to custom page layouts, it’s the ultimate in web content management.
Microsoft SharePoint 2013 Disaster Recovery Guide
$ 5.00
Learn everything you need to know to design and implement a solid disaster recovery plan for SharePoint 2013
Learning Search-driven Application Development with SharePoint 2013
$ 5.00
The search engine in SharePoint 2013 is a refreshed version and this book will show you how to make the most of it with a range of methodologies for developing search-driven applications. JavaScript experience required.