Articles, notes and random thoughts on Software Development and Technology
Adding Bootstrap to an existing or new React app is not as obvious or easy as you would think, because of Bootstrap’s dependencies on other libraries, like jQuery (and see answers to Quora question here). The react-bootstrap module is a React specific implementation of Bootstrap that provides JSX components for a number of the Bootstrap …
Once you’ve seen this error once in your React app you’ll probably instantly recognize it and know exactly what this means: Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it’s defined in. …
Continue reading “React: ‘Element type is invalid … check your render method’”
I started converting my AngularJS AddressBook app into React. Since this is part of a larger project to run all the parts of my app in Docker containers with Docker Compose, I needed to look at how I can run my React app in a container. For development, using the webpack dev server works well …
Continue reading “Running a React app in a Docker container”
react-router is a routing library for React, that allows you to declare which components render based on url paths. It’s similar to ng-route and ui-router in AngularJS. To get started, install react-router npm module: npm install react-router –save Full docs are here. While working on converting an existing web app to React, I ran into a …