Use create-react-app and then embed it into an existing project

Image for post
Image for post
Photo by Hal Gatewood.

Let’s say you have a static website — be that on WordPress, Wix, Squarespace, or HTML from a server — and you want to add some dazzling functionality to it.

“If only I could use React!” you say to yourself, but time and budget constraints prevent a total overhaul of your website.

The good news is that you are not alone, and the great news is that this guide will show you how to create and embed a React widget within your website! We just have to learn to think about React a little differently…

“React can be used in any web application. It can be embedded in other applications and, with a little care, other applications can be embedded in React.” — React’s official…


Create compelling visualizations with Cytoscape.js

Image for post
Image for post
Photo by NASA

Visualizing data has become one of the most powerful tools available to software engineers. Making large amounts of data interactive and user-friendly produces an attention-grabbing product, and can reveal essential correlations that might otherwise go unnoticed.

Cytoscape.js offers a convenient solution for spinning up accurate graph models quickly. With impressive displays, like this interactive map of the Tokyo Railway System, Cytoscape has become the first choice network visualizer for many web developers.

When working recently on a React project, I had to sift through various sources to get a fully-featured implementation of Cytoscape.js up and running. Thanks to the power of blogging, my former headaches can help guide you through the setup process, so you can quickly implement stunning data visualizations in your next React project. …


Why Software Development is Simple

Image for post
Image for post
Photo by Philipp Katzenberger

In 2019, Twitter supported an average of 6,000 tweets per second.

With each tweet occupying from 140–560 bytes of information, we can approximate 1.8 million bytes of network requests, data storage, authentication, error handling, computing, and rendering per second.

The complexity of accepting user input, parsing data to the appropriate database relationships, notifying global servers of state change, and rendering the necessary updates on devices around the world seems incomprehensible.

And that’s because it is. In a very real way — the human brain cannot begin to comprehend the inner workings behind even a single tweet.

What is Abstraction?

Abstraction is a practical philosophy applied in nearly every human pursuit. Once a system of events is comprehended, a label can be created and attached to the “idea” surrounding that system. A pseudocoded example could…


Diving into the has_friendship Ruby gem

Image for post
Image for post
Photo by Arthur Poulin

Social media has transformed the way people interact with web applications.

The ability to connect with other users and to socialize makes an application enjoyable, engaging, and popular — so why don’t all applications employ this feature?

While there are many reasons developers would choose against ‘friendship functionality’, one of the main factors is the difficulty.

Friendship relationships can be daunting to implement but you can tackle this challenge in the same way you tackle any other problem in programming — by becoming familiar with it.

These examples will use Ruby on Rails with Active Record relationships but other technologies can employ similar solutions. …


Transform your programs with the wizardry of abstraction

Image for post
Image for post
Photo by Sarah Ehlers

Technology has a beautiful relationship with science. Decades of ardent research, faithfully abiding by the scientific method, have produced digital tools that any previous era of humanity would label as magic.

I, too, find myself occasionally bewildered by the apparent magic of technology.

Recently, while studying object-oriented programming (OOP), I came across a deceptively magical concept called metaprogramming. While extra-prevalent in some languages, metaprogramming can be used to abstract away issues in almost any project.

I will use Ruby examples as we walk through the core concepts, but you can apply this knowledge in nearly any programming language.

Definitions

First things first — what does metaprogramming mean? …

About

Jeremiah Tabb

I write code and classical music.

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