by Mehul Bhatt, Harmeet Singh | Publisher: Packt Publishing | Release Date: May 2017 | ISBN: 9781788295475

Optimize your websites and applications with React and BootstrapAbout This VideoCreate efficient object interaction patterns for faster and more efficient Android developmentMaster efficient and fast app development and start making money from your Android appsImplement industry-standard design patterns and best practices to reduce your app development time drasticallyIn DetailBootstrap 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.

1. Chapter 1 : Getting Started with React and Bootstrap
   • The Course Overview 00:02:40
   • Setting Up the Environment 00:02:42
   • Installing ReactJS and Bootstrap 00:05:09
   • Static Form with React and Bootstrap 00:05:03
2. Chapter 2 : Building a Responsive Theme with React-Bootstrap and React
   • Setting Up React JS and Bootstrap 00:03:36
   • React-Bootstrap 00:04:50
   • Bootstrap Grid System 00:05:31
   • Helper Classes 00:01:28
   • React Components 00:03:37
3. Chapter 3 : ReactJS-JSX
   • Functions of JSX in React 00:02:34
   • Acquaintance or Understanding 00:03:49
   • Namespace Components 00:03:33
   • JSX Transformer 00:01:49
   • JavaScript Expressions 00:04:43
   • Example of a Dynamic Form with JSX 00:04:39
4. Chapter 4 : DOM Interaction with ReactJS
   • Form Components 00:06:13
   • Getting the Form Values on Submit 00:07:08
   • Bootstrap Helper Classes 00:01:21
5. Chapter 5 : jQuery Bootstrap Component with React
   • Bootstrap Alert Component in React 00:03:13
   • Component Lifecycle Methods 00:01:39
   • Component Integration 00:02:31
   • Bootstrap Modal 00:05:35