Doing npm install seems like second nature these days for developers. But did you know that without proper attention and auditing of npm packages, the next time we unknowingly do npm i you could also be installing malicious scripts?

Is NPM Virus Free?

We know that npm packages are maintained by third party actors. This can be a single developer, a team of developers or a super large corporation.

NPM in itself is very reliable. But does NPM guarantee you that any package that you install will be virus free? Unfortunately not.

So these days, it is not uncommon to hear some developers foreseeing…


Image Source: Civico.com

As a programmer and entrepreneur many times I struggle myself to find the right balance between meeting expectations and overworking.

So you can be like me who often finds themselves working until very on your spare time so you can build your big idea. Or you just want spare time for leisure and good old nothing.

In this article, we’ll look at 3 tips to help you improve your productivity and finish assignments faster so you can devote more time to other things in your life, like relaxing 🏖. …


If you always feel you have to look up CSS terms, checkout this cheatsheet! It will make your CSS life easier.

I applied some if this tricks while I was building Museo, a Vanilla CSS/SCSS Landing Page.

Know About the Three Pillars to Write Good CSS

  1. Responsive Design: Building a website that works well on all devices. You’ll have to know about fluid layouts, media queries, responsive images, correct units (for e.g. font sizes) and desktop-first vs mobile-first.
  2. Writing maintainable/scalable code: Write code that is clean and reusable. Think about CSS folder architecture, and class naming.
  3. Web Performance: Make it…


HTML Games are fun way to practice your HTML canvas tag skills as well as JavaScript concepts.

Couple of weeks ago I built a clone of the arcade classic snake, Retro Snake. Today we’ll talk about some basic concepts involved in building HTML5 and JS games.

My take on the popular Snake Game

HTML Canvas

HTML Games are fun way to practice your HTML canvas tag skills as well as JavaScript concepts.

<canvas> is an element that has height/width and you can draw anything inside.

  • Canvas is like a box with a border. Inside of the box you can make another box, circle, line and text. You cannot do anything outside of the canvas.
  • Canvas is defined inside the body.
<body>
<canvas height="500"…


Hooks are fairly new, but apps are using them, there’s still a lot of hype around them. A lot of companies have built scalable apps without hooks, so it’ll take time to migrate to hooks.

Hooks were implemented in 2019. They have very interesting features and bring some changes to building components. Hooks can only be used in React 16 or higher and on functional components. Read about the motivation to add React Hooks here.

Now probably by know, everyone with some React knowledge should know about the useState Hook. It lets us use state in functional components. You can…


Styled Components can be an advanced topic, and it comes with tradeoffs with pros and cons. As you move into becoming an advanced React developer know when to use this tool is efficient and when you should not add this overhead. Each project and each situation is different and you should make the right call before you jump into the latest trend.

This is a hot topic. The usual way was separating your CSS files and add your styles as needed. Then import them to the appropriate component. …


This is a React refresher on the basics…If you’re new to React this should get you started on a conceptual realm.

This is a React refresher on the basics, recommended to those with experience in React. If you’re new to React this should get you started on a conceptual realm.

React Brief History

  • Back in the day, websites had synchronous tasks from the backend, and refreshed the page every time new data was needed.
  • jQuery took care of complexities and also worked in all browsers
  • Backbone.js allowed to organize these js files.
  • SPA was born out of working more and more with the…


Serverless allows you to run and deploy apps without having to worry about managing server infrastructure

Probably most of us have heard about serverless computing, and probably you’ve asked yourself (like me) if it's a good technology to learn. Here I’m sharing some high level points I learned after seeing a presentation about it at Byteconf React.

So, What is Serverless?

Serverless allows you to run and deploy apps without having to worry about managing server infrastructure. Examples include AWS Lambda, MongoDB Stitch and Microsoft Azure. Developers then worry about building the business logic only.

So the name serverless can be misleading because there…


React component libraries ensure that your application is well designed, accessible and easy to use.

Note: This short article is a continuation of what I learned while participating at Byteconf React.

React component libraries ensure that your application is well designed, accessible and easy to use.

As applications grow and evolve they could face these challenges:

  • Lack of consistency: like different colors, fonts, so UI styles changes. UI elements could be different depending of component.
  • UX challenges: E.g. if confirm button is blue on one page but then the cancel is blue on the next it can cause confusion.

Here’s…


React patterns are useful to promote code reuse while maintaining component simplicity and flexibility.

Today we’ll go over some React patterns I learned while participating at Byteconf React. React patterns are useful to promote code reuse while maintaining component simplicity and flexibility. This article is a bit on the advanced React side.

Typical Component Development

Lets imagine a custom component that has an accordion UI. So we’ll build this Accordion component.

Imagine another developer wants you to allow more flexibility to your accordion so that the order of the accordion items can be customized. …

Felipe Bohorquez

Social Entrepreneur and Software Engineer

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