teklinks

tech/webdev magazine

André Simões

André Simões
Web Developer

March 31, 2019

Building Real-Time Charts With GraphQL And Postgres

Sunday, March 31, 2019 Teklinks

There is no better way to understand data than by visualizing it with charts and diagrams. The JS community has some great open-source projects that make data visualization easier, however, there has not been a go-to solution for building real-time backends that can back these charts and make them real-time.

Full article

How to create a dark\light mode switch in CSS and Javascript

Sunday, March 31, 2019 Teklinks

To achieve this result, we are going to define all our project colors using CSS custom properties; and then, when a specific data attribute (or you can use a CSS class) is added to the body element, we update all these CSS variables with their new dark-theme values.

Full article

March 28, 2019

How to host your own Git server on Linux

Thursday, March 28, 2019 Teklinks

Hosting a traditional Git server on Linux for your programming code is a great idea, but the standard command-line only approach is very dated and lacking useful, modern features.

Full article

March 27, 2019

Productivity Tips I've Learned Building Scotch.io

Wednesday, March 27, 2019 Teklinks

Productivity is a marathon. The more days and years I put into this coding thing (or anything like fitness for that matter), the more I realize that consistency is far more critical than bursts. Being productive is a marathon.

Full article

Build a Decentralized Web Chat in 15 Minutes

Wednesday, March 27, 2019 Teklinks

In this 15 minute tutorial we're going to build a simple decentralized chat application which runs entirely in a web browser. All you will need is a text editor, a web browser, and a basic knowledge of how to save HTML files and open them in the browser.

Full article

Writing Resilient Components

Wednesday, March 27, 2019 Teklinks

When people start learning React, they often ask for a style guide. While it’s a good idea to have some consistent rules applied across a project, a lot of them are arbitrary — and so React doesn’t have a strong opinion about them.

Full article

March 26, 2019

15 Best JavaScript Sliders of 2019

Tuesday, March 26, 2019 Teklinks

Sliders are very helpful when you are trying to fit a lot of content into little space. They can also make the whole webpage appear a lot more interesting with use of some basic animation effects.

Full article

March 25, 2019

My favorite Angular libraries to use in any project

Monday, March 25, 2019 Teklinks

As in many frameworks, around Angular there is also an ecosystem of libraries created by the community, the most common is component libraries. In the following list I will show you the ones I personally found most interesting. The list does not follow any particular order.

Full article

React State: Choose Wisely

Monday, March 25, 2019 Teklinks

There are plenty of options for managing state in a React app. But there’s very little guidance about which one you should use in any situation. Let’s fix that. The solution you pick to manage state should fit they way you want to use the items you hold in state. Your choice should also make it easy for you to update, reuse, and refactor your code. In other words, your choice of state management can make your life easy or hard.

Full article

March 24, 2019

The Problems in Remote Working

Sunday, March 24, 2019 Teklinks

For over five years Product Hunt has operated as a distributed company. It’s given us access to to the world’s talent and a global perspective within the team. Today we have 18 teammates across 10 countries from India to Canada.

Full article

March 21, 2019

The Complete CSS Flex Box Tutorial

Thursday, March 21, 2019 Teklinks

Much like CSS Grid (my other Medium tutorial) Flex Box is quite complex because it consists of not one but two element types: The container & items. When I started to learn Flex, I wanted to see…

Full article

I never understood JavaScript closures

Thursday, March 21, 2019 Teklinks

As the title states, JavaScript closures have always been a bit of a mystery to me. I have read multiple articles, I have used closures in my work, sometimes I even used a closure without realizing I was using a closure.

Full article

March 20, 2019

Getting Started with React (2019 Edition)

Wednesday, March 20, 2019 Teklinks

React is the uber popular JavaScript library that is almost everywhere you look these days. Learning React opens up a whole new way to build front-end experiences like websites, mobile apps, and more. Much has changed since React came out and now is a great time to jump into the React fray.

Full article

How to get the best performance out of your Angular apps

Wednesday, March 20, 2019 Teklinks

Angular is a great framework and can be used for developing large scale applications, but can be tricky to fine tune and achieve good load time and run-time performance. In this post, I’ll detail some best practices I have learned along the way, so you will not make the same mistakes I made.

Full article

March 18, 2019

Managing State in Angular Applications

Monday, March 18, 2019 Teklinks

Managing state is a hard problem. We need to coordinate multiple backends, web workers, and UI components, all of which update the state concurrently. Patterns like Redux make some of this coordination explicit, but they don’t solve the problem completely. It is much broader.

Full article

New ES2018 Features Every JavaScript Developer Should Know

Monday, March 18, 2019 Teklinks

The ninth edition of the ECMAScript standard, officially known as ECMAScript 2018 (or ES2018 for short), was released in June 2018. Starting with ES2016, new versions of ECMAScript specifications are released yearly rather than every several years and add fewer features than major editions used to.

Full article

Build a Beautiful Website with VuePress and Tailwind.css

Monday, March 18, 2019 Teklinks

Recently I've been working on web sites. Big deal, right? As a web developer, it's kind of my thing. For me, though, this is a change in direction. I've been primarily working on mobile apps for the last few years, with the web work being something of an afterthought as I spun up quick marketing web sites to accompany my mobile apps (such as this super basic Wordpress site for my Snappy Squirrel apps and this really old app site for Practice Buddy).

Full article

March 17, 2019

13 Home Office Upgrades You Need If You Work Remotely

Sunday, March 17, 2019 Teklinks

Working from home is a dream to most, but it comes with its own challenges. Mentally leaving “home mode” and entering “work mode” can be difficult if you never physically leave your house and your bed is only steps away.

Full article

Starting out with React on 2019

Sunday, March 17, 2019 Teklinks

A couple of weeks ago React officially released this new API called Hooks and you, who's been looking at React curiously for the past few months or even got to code a few components, have been wondering if now it's the time to learn more about React...

Full article

Introduction to Iterables and Iterators in JavaScript

Sunday, March 17, 2019 Teklinks

JavaScript supports a protocol by which objects such as arrays can be used by control structures such as for…of and the spread operator ... to loop through data sequentially. This is referred to as the iterable and the data structures that support this functionality are called iterables.

Full article

March 14, 2019

Integrating Google Analytics With Angular 2+

Thursday, March 14, 2019 Teklinks

For this tutorial, knowledge of HTML, CSS and JavaScript as well as some familiarity with Angular 2 development is expected. An understanding of Google analytics would be beneficial but is not absolutely necessary as it will be explained in the article.

Full article

Git, GitHub, & Workflow Fundamentals

Thursday, March 14, 2019 Teklinks

This past week I completed my first group project at Flatiron School. In the project I used my knowledge of programming with Ruby to create a CLI application which helps users discover new breweries across the United States.

Full article

March 13, 2019

How a Single Raspberry Pi made my Home Network Faster

Wednesday, March 13, 2019 Teklinks

Our household has a few Raspberry Pi's doing various tasks from tracking airplanes flying overhead, measuring temperature humidity in our house, Docker projects, and several more hidden away for a rainy day. The rainy day finally arrived when I stumbled across a new project.

Full article

March 12, 2019

JavaScript naming conventions: do’s and don’ts

Tuesday, March 12, 2019 Teklinks

I find it amazing how many different meanings we can get from less than 30 characters. I’m talking about the alphabet with some well-placed punctuation, of course. From a love store to a computer program, writing has allowed us to create extraordinarily different worlds.

Full article

Why We're Bad at Estimating Time (and What to Do About It)

Tuesday, March 12, 2019 Teklinks

Over the last three years, I've painted five rooms in my house. The first room I painted was my bedroom, and I was convinced that I'd have the task finished in a weekend. So naturally, when it was time to paint the second room, I estimated that the task would take a month, right?

Full article

March 10, 2019

Learning to Learn

Sunday, March 10, 2019 Teklinks

Twitter Facebook Computer Science in JavaScript Awesome Courses Learning HTML and CSS MDN JavaScript CSS Definitive Guide JavaScript in One Pic Awesome JavaScript Learning Intrinsic load is created by the difficulty of the materials.

Full article

Top 10 ways to use Interceptors in Angular

Sunday, March 10, 2019 Teklinks

There are many ways to use interceptors, and I’m sure most of us have only scratched the surface. In this article, I will present my ten favorite ways to use interceptors in Angular. I have kept the examples as short as possible.

Full article

March 8, 2019

GraphQL in a Micro Services Architecture

Friday, March 08, 2019 Teklinks

In a recent article Exploring Tokens with Stellar I mentioned in passing how the usage of GraphQL stitching in our approach to building out our solution. To understand how we addressed this in a simple and elegant manner, I will first share the overall topology of our solution.

Full article

March 5, 2019

Start Something Amazing with Hackathon Starter

Tuesday, March 05, 2019 Teklinks

The struggle of the blank page is real. Where does one begin? Do you dive right into building mission critical functionality or do you build a basic login system for the hundredth time? Maybe it’s better to focus on building a killer CI/CD pipeline before the first line of application code is written. And before you know it, the hackathon is over.

Full article

Git Best Practices

Tuesday, March 05, 2019 Teklinks

Over the years I learned a lot about git. Most of the parts I learned the hard way by using it on a regular basis. Here I summarize a lot of the things which I would consider Git Best Practices for using git in a team.

Full article

March 4, 2019

Snagging Parking Spaces with Mask R-CNN and Python

Monday, March 04, 2019 Teklinks

I live in a great city. But like in most cities, finding a parking space here is always frustrating. Spots get snapped up quickly and even if you have a dedicated parking space for yourself, it’s hard for friends to drop by since they can’t find a place to park.

Full article

March 3, 2019

Learn immutability with JavaScript

Sunday, March 03, 2019 Teklinks

Imagine you are waiting in queue. At entrance you got an electronic device showing your number. Just before you were very close to be served, your order number has changed on the screen. As you ask…

Full article