One of the biggest flaws with how schools teach history is that they’re rarely able to tie things together into a cohesive global picture. Students learn about individual events and figures in great detail, but few are able to simultaneously describe the state of the world across geographies in a given era. In this tutorial, you'll see Creating Interactive Historical Maps with React, Mapbox and Wikipedia
One of the biggest flaws with how schools teach history is that they’re rarely able to tie things together into a cohesive global picture. Students learn about individual events and figures in great detail, but few are able to simultaneously describe the state of the world across geographies in a given era.
I’m a visual learner, so I’ve been thinking about the sorts of web apps that could help engage with history in a more interactive and scalable way. At a high level, I wanted to make something that enables a user to:
Below I’ll describe the app I came up with — it’s very much a work in progress, but hopefully you’ll find the code, the APIs used, or any of the design decisions made so far useful. The full code is available in this github repo.
Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.
Following the second video about Docker basics, in this video, I explain Docker architecture and explain the different building blocks of the docker engine; docker client, API, Docker Daemon. I also explain what a docker registry is and I finish the video with a demo explaining and illustrating how to use Docker hub.
As we start learning new technologies we want to start building something or work on a simple project to get a better understanding of the technology.
Docker has become the de-facto solution for teams to host their web applications. Turning a modern web application into a docker image, aka dockerization, is simple and straight forward.
This React tutorial will be covering how to use Mapbox to display a map. We will be using create-react-app for our base React app and using the react-map-gl and react-mapbox-gl-geocoder libraries for our map and geocoder respectively. As an option, I will be using reactstrap for styling (in case you are unfamiliar, reactstrap is Bootstrap for React).