This project was bootstrapped with Create React App.

Notes App Client refactored into Bootstrap 4 & React-Bootstrap v1.0.5 (beta)

https://serverless-stack.com/

Official demo app in Bootstrap 3: https://demo.serverless-stack.com/

Unofficial demo app in Bootstrap 4: https://sls-stack-bootstrap4-notesapp.netlify.com/

Notes on observed changes:

React-Boostrap v1 migration notes: https://react-bootstrap.netlify.com/migrating/ Bootstrap 4 migration notes: https://getbootstrap.com/docs/4.0/migration/

1. Bootstrap 3 used LESS to SASS for CSS source files.
2. App.js -- no longer supported ==> <Nav.Link>
3. App.js -- Bootstrap 4 no longer provides a navbar-default option, which breaks the component ==> added #the-navbar id to the component for styling
4. "removed fluid, use your own Container component in." ==> removed fluid command from
5. NavbarHeader# removed, not present in v4 ==> field eliminated
6. no longer supported ==>
7. no longer supported ==> <Form.Text>
8. Glyphicon no longer supported ==>
9. bsSize="large" no longer supported: console warning ==> delete this property completely, use "block" prop in component or className="btn-block" (I've used the latter as a preference) for any button styling, use variant="some-style-property"
10. no longer supported ==> added styles to Home.css
11. still functions (without default style), however the docs use ListGroup.Item ==> <ListGroup.Item>, added styles to Home.css, and used 'action' command/prop provided by react-bootstrap
12. Spinners: react-bootstrap/react-bootstrap#3539 https://react-bootstrap.netlify.com/components/spinners/
13. / ==> <Form.Group>/<Form.Control>
14. componentClass prop no longer supported ==> using 'as' prop instead
15. Notes.js -- <FormControl.Static> no longer supported ==> wrapped link n Form.Group component