Sign in

Full stack developer and stand-up comic.

Implementing Browser Router and Navigation Bars in your web applications

What is Browser Router? Who is Browser Router? Why is Browser Router? I will only answer one of these questions in this post (as the other two are dumb, and I’ll let you figure out which one is the right one).

Simply, Browser Router is React’s router implementation for HTML5 browsers. They direct traffic functions on the internet and essentially make frontend pathways to different pages within an app or website, without redirecting (refreshing) the page. It’s a great way to resolve the page “flicker” that immediately dates a website…


A brief history, description and guide to integrating the Bootstrap design framework into your app.

Pull your app up by the bootstraps!

Bootstrap is an open-source CSS (cascading style sheets), HTML (Hyper Text Markup Language) and JavaScript compatible framework used to design, primarily mobile, front end user interface components for applications. “CSS framework” describes a library of code used for web design, streamlined and standard-compliant for easy use and implementation.

The History of Bootstrap

Bootstrap first entered the world as “Twitter Blueprint,” designed by Mark Otto and Jacob Thornton at (you guessed it) Twitter, in hopes that the framework would help to standardize practices in front end web development among app…


What is Rack? What is Cors? How do they interact with one another?

“rack-cors” is a gem that you will see and use often. But what is it and what does it do? To know exactly what this gem does, you’ll need some foundational information about both “Rack” and CORS, what they represent and how they work together when implemented in your application.

Rack

“Rack” refers to the foundation of technology, an abstraction, upon which nearly all Ruby frameworks are based. There are a few different components of Rack. One, it is a simple architecture that allows one to build reusable…


“Hooks let us build components with less effort, and create better user experiences.” — Dan Abramov

SpongeBob gif from the Season 1, Episode 20 “Hooky.”
SpongeBob gif from the Season 1, Episode 20 “Hooky.”

Hooks are a relatively new addition in React 16.8, released in February 2019. Hooks let you “hook into” React features from components. They enable one to use state and other such features without having to write a class. Hooks are also backwards-compatible, meaning they are interoperable with older versions of React.

The State Hook

The State Hook is imported as {useState} from React in a given component. “useState” returns two values, a variable with a current state value, and a function that can be called upon to…


A crash course in manipulating webpage style with basic CSS Properties

So you’re new to CSS, and you’re thinking “What is it?,” or “A 90 minute lecture was a very short time to cover such a complex topic!” Or perhaps you simply thought you typed “cats” into a search bar, after one too many gin-and-tonics, and found yourself stumbling through the saloon-doors of this very hastily-written blog.

Whatever the case, welcome! What follows is a brief introduction to some basic and fun properties of Cascading Style Sheets, a style sheet language used to style documents written in various markup languages, like HTML.

🎵 Come with us now on a journey through time and space and style sheets… 🎶

In the following examples I used the W3Schools in-site…


Enumerable refers a method provided by Ruby that accesses, or iterates over, every element in a collection of data and can manipulate said element in whichever way you choose!

Yeah, I thought coding would be like this too. Alas, we have to learn the very basics first.

.all?

By using .all? on an array, every element accessed will be tested against rules set by the block, and will only return true if all of the elements meet the block’s requirements:

Sam Hall

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