INITIALIZE: “Create-React-App” + “BootStrap”

Hello here I will provide instructions in how to set up a basic bare-bones: Create-React-App  Template, this is the basic foundation for creating an application.

01 – Initialization of Project:

On the Terminal: CD… to the Directory, where you want to create the React.js Application.

After testing and knowing all works, next DELETE the content of the “src” directory.  and create fresh new files on its place:

  • index.html  
  • index.js  
  • App.jsx  
  • style.css

02 – Installation of basic Libraries:

Now lest install React Bootstrap:

Step 1. Install React Bootstrap and Bootstrap from NPM.

– –   – –  Note:  – –   – –

If you will use the code on the Boiler-Plate Code you can ignore steps: 2 & 3.

Step 2. Import Bootstrap CSS and optionally Bootstrap theme CSS in the “index.js” file:

Step 3. Import required React Bootstrap components within “App.jsx” file or your custom component file.

Now you are ready to use the imported React Bootstrap components within your component hierarchy defined in the render method.

03 – Boiler-Plate Code:

Code to be placed on the Files to Link them and get them ready for DEVELOPMENT:

And this template is ready for a good Hack. ;-).


Copyright 2017. All rights reserved.

Posted March 13, 2017 by Edmundo in category "React