Agile Development is quite the buzz term in the tech world. It refers to a methodology that is applied to the management and workflow of software design. The system rose to prominence during the 90’s as a means to inject adaptability and fluidity to meet the needs of the rapidly changing tech landscape. It’s been a mainstay in the industry since, so it’s important to familiarize yourself with the concept.

Agile Development can be thought of as a reaction to Waterfall Development. Waterfall Development became popular with a much younger tech industry back in the 70’s. …


It can be difficult figuring out how to organize and present information on a web page. You want to show the user all the relevant information to whatever view they are on, but you don’t want to overload the presentation. There’s many ways to implement proper information flow on a page, and tooltips are one way to help with it.

A tooltips show over elements when they are moused over, and they contain helpful bits of info relevant to that element. When the mouse leaves the element the tooltip goes away. Using tooltips grants you nuanced control over how information…


Everyone is familiar with logging into apps. It’s a process that’s been around since the dawn of personal computing. It’s the most basic and recognizable security check we go through routinely with our apps, and yet there’s quite a lot that goes into securely logging in a user as well as securing their navigation experience.

source: Emily Douglas

Modern web usage is a conversational relationship between three kinds of entities: users (like you), clients (websites and apps), and servers (where data is stored). …


StyledComponents is a React module that lets you use CSS to create custom, exportable components. The module makes use of template literals as a means to attach styles directly to a component. It’s yet another tool in the ever-growing toolbox for CSS, and I’ll go over some of its advantages and how to set it up.

To put this tool in context, StyledComponents helps React devs write more readable, and maintainable CSS in their projects; it shouldn’t necessarily be seen as a direct alternative to frameworks like Bootstrap. It’s not providing boilerplate or templates for you to build-off. …


I can remember when I was very excited just to see me code work. It gave the desired output. That was the first metric I used to evaluate my code, and it’s remained the most important one, but many other layers of evaluation have since been added: code length, readability, conventionality; and now, complexity.

Big O notation is shorthand way to write the upper bound, or worst case, rate for which an algorithm will grow in complexity as its input grows. So if a function has an array as an input with n number items, and it’s able to execute…


When I first learned to code in React, I was taught to build class components to manage state. I was told functional components were dubbed “dumb components” as they were relegated to only the most basic functionality that didn’t require state. Since then, the React devs have introduced hooks as a way to recapture the benefits of classes within functional components.

source: morioh

To the unpracticed, the difference between classes and hooks might not seem obvious or important, and if you’re already very comfortable with class components, you might be reluctant to switch design styles; however, hooks were designed to be an…


Making web pages attractive is its own art form that people spend years mastering, but most people can’t afford to spend year nitpicking in their CSS file, and others, well, just hate dealing with CSS. That’s where a tool like Bootstrap comes in to make your life easier.

Bootstrap is a CSS framework originally developed internally at Twitter and then later released as open source. It enables quick, responsive, and attractive styling. It does this by offering convention-based layouts and components that adjust to different media sizes and by default have a modern appearance. …


If you’re familiar with React then you know both the ease with which it lets you create and render a network of user facing-components, and the pain of properly connecting and piping data to all those components. As you add nested components to your app, it becomes cluttered with “props” and handler functions that relay data up and down component levels.

The inside of a typical React app

Communicating between components is necessary for React apps, and several tools have been developed to help make management of this easier. Redux is a popular library that tries to accomplish this, and recently React added its own API to…


Have you ever written a function involving strings that you felt could be written so much easier if you could only find an easier way to match specific parts of the string? Or maybe you felt your function could be abstracted a little further if you could just normalize its inputs more. Have you ever wished you had more reasons to use forward slashes? These are all valid reasons to look into regex. I’m going to go over some regex basics using Javascript

Regex is short for regular expression, which is used to define a search pattern. These search patterns…


I want to talk about sets in JavaScript because they’ve helped me out a couple times and they seem to be less known than some of JS’s other object types. As you may know, many of JS’s seemingly different data types are just types of objects. For instance, arrays are a type of object. Like arrays, sets let you hold a collection of data, have a size/length property, and are iterable. Unlike objects or arrays, sets can’t return specific values from their collection with bracket notation, but most importantly, they can’t hold duplicate data; this is their main feature! …

Roman Opalacz

Aspiring software engineer with almost no experience applying logic

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