The latest in webpack

Image for post
Image for post

What is webpack?

If you are arriving at this page without prior knowledge of webpack, let me help you out with a few aspects. It is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging. You can use webpack to make your bundle more productive. What do I mean by productive? Depends on the needs of your project. Take, for example, caching your statics. If we do not update file paths, then the browser will still serve cached resources to users.

Hashing

Nowadays, we use webpack to build our resources as it’s very easy to use. So here comes the concept of hashing in webpack, which allows us to generate new hashes for each chunk across the new build. You can set up a basic webpack config that will do above for you. …


Take a look at some of the advantages of useFetch

Image for post
Image for post
Photo by Andrew Pons on Unsplash

First Things First

Released with React 16.8, React Hooks changed the way we see components. They made using React class components unnecessary. Reducing the importance of class-based components came with a tradeoff, however. If you're creating class-based components, you can’t add lifecycle events — so what's the point of using React in the first place?

Here’s where React Hooks come to the rescue. Hooks puts your functions on steroids. You can stop relying on classes and move on to functions (if you prefer classes over functions it’s a different story). Hooks will revolutionize how the React code is written. …


A summary of how to write clean code

Image for post
Image for post
Photo by Shahadat Rahman on Unsplash

Learning to write clean code is hard work. You need more than just the knowledge of principles and patterns. You have to practice and watch yourself fail. You must watch others practice it and fail. You must see them stumble and retrace their steps. You must see them agonize over decisions and see the price they pay for making those decisions the wrong way.

Implementing good software with high quality is hard. In the front-end environment, the rules apply the same, I’ve been developing single page applications with React over the last four years and during this journey, I grabbed many of the concepts written in Clean Code: A Handbook of Agile Software Craftsmanship by Robert C Martin (known in his online courses as “Uncle Bob.”) …


Image for post
Image for post
The best image about JavaScript EVER lol

Update 1: Due to a lot of polarizing comments (like loved or hated the article) I just want to be clear that shorthand are useful sometimes and sometimes not, depends on which context, don’t take shorthand code as the best of any situation!

I’ve made this post as a vital source of reference for learning shorthand JavaScript coding techniques that I have picked up over the years. To help you understand what it going on I have included the longhand versions to give some coding perspective on the shorts.

1. Null, Undefined, Empty Checks Shorthand

When creating new variables sometimes you want to check if the variable you’re referencing for it’s value isn’t null or undefined. I would say this is a very common check for JavaScript coders. …


Image for post
Image for post

Probably if you are updated with the news abroad the front-end community you know that Bootstrap 4.0-alpha6 was released. But what actually was changed for us developers?

First things first:

The alpha version is obviously incomplete still and shouldn’t be used just yet on production, they are still changing the syntax, adding and removing features, so it’s just a preview for you, I not recommend you to use yet in production projects, just in hobby projects to getting used.

Throwback to 2011, could even they imagined their framework became so important?

1- LESS to SASS

Bootstrap’s now uses SASS! In older versions, it used Less as its main preprocessor. It wasn’t even until version 3.0 …


Image for post
Image for post

Hello everyone, I’ve collected a few tips during a long time and these 8 tricks are being effective for me, so I want to share them in this article. Definitely, a few things on this list are a must for every field, specifically in tech.

There are no secrets to success. It is the result of preparation, hard work, and learning from failure.

We should be focusing on smaller activities that can have a major impact. Most of us try dozens of non-impactful activities that can only advance our career by 10, 20% at the most.

About

Yuri Ramos

Front-end Engineer, Entrepreneur and Travel lover

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