Luis Melo

60 Flips | 25 Magazines | 60 Likes | 13 Following | 7 Followers | @luisfbmelo | Keep up with Luis Melo on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Luis Melo”

How I structure my React component files

• Everyone does it differently<br>• There’s no “right way”, but there are always “better ways”<br>• Here’s how I do it (applies to both React and React …

JavaScript

TypeScript for Object Oriented Developers in Easy Samples Part 1

TypeScript tutorial for object oriented programmers

Creating A Custom HTML5 Video Player And The Shadow DOM

So today I completed WesBos’ Custom HTML5 Video Player project, including the challenge he presented us with at the end of the video: making the …

The incredible power of flexbox

Flexbox, or the Flexible Box Layout, is a powerful CSS layout module that gives web designers and developers an efficient and simple way to lay out, …

Things you probably didn’t know you could do with Chrome’s Developer Console

Chrome comes with built-in developer tools. This comes with a wide variety of features, such as Elements, Network, and Security. Today, we’ll focus …

JavaScript

Progressive Web Apps with React.js: Part I — Introduction

Progressive Web Apps take advantage of new technologies to bring the best of mobile sites & native apps to users. They’re reliable, fast, and …

Web Development

What’s new for designers, August 2016

In this month’s edition of what’s new for designers and developers, we’ve included productivity apps, email marketing apps, UI kits, CMSs, startup …

Can JS create awesome mobile app experiences with React Native?

Animations are essential to the mobile user experience.<br>People have grown to expect user-friendly handheld interfaces.<p>“It can make animations, but… …

Software Engineering

QuorraJS - an open-source MVC NodeJS framework inspired by Laravel

You like NodeJS but you also like Laravel? Meet QuorraJS - a full fledge Node.js MVC framework inspired by Laravel.<p>QuorraJS has a clean structure and …

Gentle explanation of this keyword in JavaScript

1. The mystery of this<p>A lot of time this keyword was a mystery for me and many starting JavaScript developers. It is a powerful feature, but requires …

JavaScript Factory Functions vs Constructor Functions vs Classes

Prior to ES6, there was a lot of confusion about the differences between a factory function and a constructor function in JavaScript. Since ES6 has …

JavaScript

15 JavaScript Libraries for the Soul

I appreciate the finer details on the web. I really like intuitive animations (the kind that isn’t just icing on the cake), data binding on forms and …

Move to HTTP/2: On the Wire for High Speed Connection Performance

You're reading Move to HTTP/2: On the Wire for High Speed Connection Performance, originally posted on Designmodo. If you've enjoyed this post, be …

How to Use PostCSS with Gulp — SitePoint

PostCSS has been gaining popularity rapidly for some time now. If you have not used it yet or don’t know what PostCSS is, then I suggest you take a …

Top 10 ReactJS Articles From Last Month

React.JS is a JavaScript library created by Facebook. It is most commonly used in web development and native mobile app development.<p>Leveling Up with …

JavaScript

5 Rookie Mistakes to Avoid with Angular 2

So you've read some blog posts, watched some conference videos, and finally you're ready to get your feet wet with Angular 2. What are some things …

Why You Should Stop Installing Your WebDev Environment Locally

Have you heard of Docker but thought that it’s only for system administrators and other Linux geeks? Or have you looked into it and felt a bit …

Sass Best Practices: Tips And Tools For Developers

<b>Editor’s note:</b> This article is part of our Code Optimization series, where we take a look at how to optimize coding for better efficiency in a bid to …

Lead Generating Machine: Is Your Website Actively Helping Your Business Grow?

Your website, when done right, can be one of the most effective lead generation tools in your arsenal. But not just any landing page design will get …

10 productivity tools every successful web developer relies on

As a web developer your job is to deliver high quality websites which can help users find what they are looking for, without being prevented by bugs …

Web Design

Handling Transactional Emails In React Redux Apps

<b>Transactional Emails</b> are emails sent by apps when the user does something in the app, or, sent when the app wants to let the user know about …

Dominant Colors for Lazy-Loading Images

Pinterest, Google Images and lots of image-heavy sites lazy-load their content. They also calculate the dominant color of each image to use as a …

Why Everyone is Talking About Isomorphic / Universal JavaScript and Why it Matters

Originally applied to mathematics, the term “isomorphic” was first popularized in relation to Javascript development by Spike Brehm of Airbnb. Since …

Becoming a designer who codes: the making of a unicorn

Tired of having ideas and not being able to execute on them, Nick Fredman learned how to code.The post Becoming a designer who codes: the making of a …

Build production ready universal apps easily

Clone this project<p>Make your changes. Add a package, add authentication, modify the file structure, replace Redux with MobX or anything else.<p>In this …

How to Become a Better Node.js Developer in 2016

These tips and best practices are not just for development - but how to operate Node.js infrastructures, how you should do your day-to-day …

Making Accessibility Simpler, With Ally.js

I’ve been a web developer for 15 years, but I’d never looked into accessibility. I didn’t know enough people with (serious) disabilities to properly …

Simple Guide to Finding a JavaScript Memory Leak in Node.js

Share this:<p>Table of Contents<p>Something you might want to bookmark: Simple Guide to Finding a JavaScript Memory Leak in Node.js by @akras14 …