Getting Started with building Maps with React and Leaflet.
Getting Started with building Maps with React and Leaflet.
Photo by NASA on Unsplash

Introduction

A map is a symbolic depiction emphasizing relationships between elements of some space, such as objects, regions, or themes.. Many maps are static, fixed to paper or some other durable medium, while others are dynamic or interactive.

— Wikipedia

Today Maps have become an integral part of my life I would probably get lost in London in some minutes without the help of a Map application on my phone. …


Image for post
Image for post

I shared this experience on a close Facebook group and seems to inspire a lot of people, so I decide to share it here and hope it encourages more people going through a similar experience.

It’s not news that it’s really hard to be black, it’s, even more, harder to be black and a first-generation immigrant.

I went to Flatiron school so broke I don’t even have the rent for two weeks in London, I started out living in hostels outside London, my school is in central London in a We Work facilities. …


Image for post
Image for post
Photo by Weston MacKinnon on Unsplash

Background

React: A JavaScript library for building user interfaces

This article is aimed at React beginners, but the concept of a reusable component will also be useful for intermediate React developers who are looking to implementing a design system. The Component pattern is the way UI is composed in React and there are so many ways we can go about component creation in React this Article by Kent gives some good advice check it out. …


Image for post
Image for post
Photo by Ferenc Almasi on Unsplash

Background

React is one of the most popular JavaScript library for building user interfaces built at Facebook and then OpenSource. React as seen great adoption in the Frontend Community with so many tools and loads of resources to aid development and learning. I started out with React in 2018 while working on a side project and since then I have invested time and resources to continually learn and become a better React developer. I also use React on a daily basis at work, as a Frontend Engineer at Previsico.

The aim of this tutorial is to help you get started with React Fundamentals. And most importantly to share what I learnt from Epic React: (Confidently Ship Well-Architected Production Ready React Apps Like a Pro) which is one of the best resources out there to learn React. …


Introduction:

When I started putting this article together, the first thing on my mind was getting a picture that is more than a thousand words. Thank goodness I found this.

Image for post
Image for post
Photo by Etienne Girardet on Unsplash

My goal of this article is to help you understand what TypeScript is, why you should care, and how to get started. The picture above in essence capture what the TypeScript Engine is doing for you behind the scene, maybe we can put it like the mother hen looking out for the chicks. But online the mother hen we have to explicitly enable TypeScript to do that. …


Better structure your Flask API development using Flask-Restful

Image for post
Image for post

Background

This article is aimed at intermediate Python developer, or if you have experience with object-oriented programming in any language. If you have built a web application in Ruby, Java or PHP and want to pick up Python, this will also give you a great head start.

If you are a beginner with some basic Python, I will recommend you check out my previous post: API Development With Flask for Beginners. I will assume you already have Python installed on your machine and you have some experience working with the database and the command line.

Technologies

This is the highlight of the technologies we will be covering in this tutorial. …


Get started building back-end services with Python

Image for post
Image for post
Image Source: https://www.endivesoftware.com

Background

My goal of the article is to help people who are just getting started with programming to become quickly productive with their newfound skills.

When you start learning to program, one of the hardest obstacles is how you can start applying your new-found knowledge to solve a real problem. Building an API with Python is one of the great places to start seeing the result of your hard work.

This article is for those who have been learning to program with Python, and have a basic understanding of the command line and how the web works.

Technologies

In this article, we will be using Flask: “Web development one drop at a time”. Flask is a web development library built on Python. …


Image for post
Image for post

Ruby on Rails is a complete framework for building a full-stack web application used by many big organisations. In this blog post, I am going to be taking you through building an API with Ruby on Rails and consuming the API with a vanilla JavaScript FrontEnd.

The Backend

Building an API with Rails is now a first-hand citizen from Rails 5 that means you can pass in — API flag and get many of the boilerplates removed and get all you need for API only. Getting started with our project. …


Image for post
Image for post

Frontend Development have changed a lot in the past 3 years. Even thou I don’t want to get into the framework wars and comparison of which is the best, I have tried my hands on Vue and Angular and they are both unique in their own ways and been used by top organisations. I started my journey into React about a year ago after working with Vue JS and it amazing how quickly you can put a UI together with Vue JS. In time I started to realised my lack of depth of the JavaScript language itself. …


Build a single page Sports Trivia Web App from scratch using vanilla JavaScript, HTML and CSS.

What we will build:

Image for post
Image for post

In this tutorial, we will build a Sports trivia app for sports lovers. This tutorial is divided into two series to make it easy for beginners to comprehend. The aim of this course is to introduce you to how JavaScript works and also to make our application pretty with CSS. Just like its sounds, a Single Page Application or SPA for short is a web application that as only one page and every other page are dynamically rendered by JavaScript. Think of it as the way library like React Js work behind the scene. …

About

Peter Ayeni

I change the world by helping people to get started in Tech and Social Entrepreneurship.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store