Image for post
Image for post

GraphQL is an open-source web-API language for reading(querying) and writing(mutating) data developed and maintained by the engineers at Facebook. You might be wondering… why GraphQL? Well, It allows specific data to be returned and allows fetching data from multiple areas all in a single request.

A quick background check shows that GraphQL has:

  • Over 4,000,000 weekly downloads.
  • Over 7,000 dependent packages.
  • Over 116 releases to date.
  • Over 16,000 stars on GitHub.
  • And it has been around for close to 5 years now since it’s public release.

GraphQL has recently gained popularity over REST mainly because:

  • With REST, gathering a good amount of information would typically involve accessing multiple endpoints which isn’t the same GraphQL, you’d only be required to make one query with your requirements and the server would respond with a JSON object fulfilling all your requirements. …


Image for post
Image for post
Image by Trey Huffine on https://levelup.gitconnected.com/

In TypeScript/JavaScript, we have an unopinionated library that can help us interact with RESTful APIs, Axios. In this article, we’ll look at the popular open-source library and how it compares with the native browser function(fetch) and we’ll discover the additional features that the open-source library has over fetch. We will also look at how we can interact with a REST API using function-based components.

Axios is a very popular promise-based HTTP client over fetch because it:

  • Allows cancelling of requests.
  • Allows request timeout.
  • Enjoys built-in XSRF protection.
  • Performs automatic transforms of JSON data.
  • Has wide browser support etc.

On the other hand, TypeScript is an open-source superset of JavaScript that can help us avoid painful bugs that developers commonly run into when writing JavaScript by type-checking the code. The type system increases the code quality, readability, and makes it easy to maintain and refactor the codebase. More importantly, errors can be caught at compile time rather than at runtime. …


Image for post
Image for post

TypeScript is an open-sourced language developed and maintained by Microsoft. First released in October 2012, its development was overseen by Anders Herlsberg who also had a big role in the creation of C# language. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

You might be wondering… why TypeScript? Well, JavaScript is a dynamic language with no type system and doesn’t support some object-oriented features in languages like C# and Java that make it easy to build complex applications with large teams working on the same code. …


Image for post
Image for post

Data Driven Documents or precisely D3 is a JavaScript library developed by Mike Bostock with an idea of adding animation and interactivity to the way data is presented in web applications. If you ask many D3 experts to summarize what the library can do, something similar to “used to manipulate the DOM based off data” will resonate in all answers you get.

Being built off JavaScript, SVG, CSS and HTML, D3 is a very powerful library with a variety of use cases. In this immensely curated blog post, I’ll take you through one particularly thrilling use case: map-making :) Yes, we are going to visualize world cup geo data with perhaps the most opinionated open source data visualization tool out there. …


Image for post
Image for post

D3, which stands for data driven documents, has been the industry standard for creating custom data visualizations on the web since it’s creation in 2011. I like to think about D3 as a library that loads data and attaches it to the DOM. React is a Facebook technology which makes it painless to create interactive UIs. It is believed to be the most powerful UI library ever created.

Both React and D3 are two great tools used for building custom data visualizations on the web. However, they were designed with purposes that collide. …


Image for post
Image for post

I’ve been working with React and D3 for the last 2 years building custom interactive charts for both startups and well established companies across the world in my remote work endeavors :). In that time, I’ve really enjoyed the flexibility I get while making visualizations with these tools and I’ll share my vast experience with you. Yes, you!

Some people like to look at data visualization as an efficient way of conveying a story, telling some interesting insight somebody has discovered in data and they want to share it with their audience. …


Image for post
Image for post

Starting out as a self taught JavaScript developer is not something easy to go by and many of us who have made it through the intolerable levels of hardship can testify. At least, I can tell an inspirational story about the same on a good day. …

About

Livingstone Asabahebwa

I build products with TypeScript, GraphQL, and Python.

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