React version of Light Bootstrap Dashboard
MIT License
Bot releases are visible (Hide)
Published by einazare over 3 years ago
.js
, instead of .jsx
bootstrap 3.3.7 → 4.6.0
node-sass 4.12.0 → 4.14.1
react 16.8.6 → 17.0.1
react-bootstrap 0.32.4 → 1.4.3
react-chartist 0.13.3 → 0.14.3
react-dom 16.8.6 → 17.0.1
react-router 5.0.0 → 5.2.0
react-router-dom 5.0.0 → 5.2.0
react-scripts 3.0.0 → 4.0.1
typescript 3.4.3 → 4.1.3
The TypeScript and jQuery dependencies are installed only to stop console warnings on install. They are not actually used in our product. So the product is not based on TypeScript or jQuery!
The following warnings will appear when running the installation command, but they do not affect the UI or the functionality of the product (they will be solved in our next update):
npm WARN [email protected] requires a peer of react@^0.14.9 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^0.14.0 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
If they will persist in our 2.4.* version, we will drop their usages and replace them with other plugins.
In development mode, some of the above plugins will throw a warning because they still use React v16 syntax. If the error will persist in our 2.4.* version, we will drop their usage and replace them with other plugins.
package.json
using npm-upgrade
, link here: https://www.npmjs.com/package/npm-upgrade
ControlLabel
components to FormLabel
(this refers to the react-bootstrap components)Grid
components to Container
(this refers to the react-bootstrap components)HelpBlock
components to FormText
MenuItem
components to Dropdown.Item
and NavDropdown.Item
React Big Calendar
to the new API, so instead ofimport BigCalendar from "react-big-calendar";
const localizer = BigCalendar.momentLocalizer(moment);
import { Calendar as BigCalendar, momentLocalizer } from "react-big-calendar";
const localizer = momentLocalizer(moment);
size={number1} sizeOffest={number2}
with size={{span: number1, offset: number2}}
where size can be xs
, sm
, md
, lg
bsStyle
to variant
bsSize
to size
<Navbar.Header>
with <div className=“navbar-header”>
<Navbar.Form>
with <div className="navbar-search-form navbar-form navbar-left">
<FormGroup>
with <Form.Group>
<InputGroup.Addon>
with <InputGroup.Prepend><InputGroup.Text>
and <InputGroup.Append><InputGroup.Text>
const us_flag = require("../assets/img/flags/US.png");
was changed to const us_flag = require("../assets/img/flags/US.png").default;