Book Image

Bootstrap 4 Site Blueprints - Second Edition

By : Ian Whitney, David Cochran
Book Image

Bootstrap 4 Site Blueprints - Second Edition

By: Ian Whitney, David Cochran

Overview of this book

Packed with trade secrets, this second edition is your one-stop solution to creating websites that will provide the best experience for your users. We cover six popular, real-world examples, where each project teaches you about the various functionalities of Bootstrap 4 and their implementation. The book starts off by getting you up and running with the new features of Bootstrap 4 before gradually moving on to customizing your blog with Bootstrap and SASS, building a portfolio site, and turning it into a WordPress theme. In the process, you will learn to recompile Bootstrap files using SASS, design a user interface, and integrate JavaScript plugins. Towards the end of the book, you will also be introduced to integrating Bootstrap 4 with popular application frameworks such as Angular 2, Ruby on Rails, and React.
Table of Contents (15 chapters)
Bootstrap 4 Site Blueprints
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Preface

Using React.js with Bootstrap


React is another popular JavaScript library for building user interface (UI) components for web applications. In contrast to Angular, React uses composable components in instead of template logic. When using composable components your logic is not in a separate template file. The technique of not introducing any logic into the template is achieved through a technique called JSX (JavaScript syntax extension). JSX is an HTML-like syntax that compiles down to JavaScript.

Probably the easiest way to get started with React is to include the necessary libraries from a CDN. React supports most popular browsers, including Internet Explorer 9 and above. React's documentation points you to a JSFiddle Hello World example to start hacking React. You can find this JSFiddle at the following URL: https://jsfiddle.net/reactjs/69z2wepo/. This example only prints "help world".

As this book is about Bootstrap, I cannot discus JSX in detail here. You can learn more about React and...