teklinks

tech/webdev magazine

André Simões

André Simões
Web Developer

April 30, 2018

Gooact: React in 160 lines of JavaScript

Monday, April 30, 2018 Teklinks

React is a great library — many developers instantly fell in love with it due to simplicity, performance and declarative way of doing things. But personally I have a specific reason what makes it so special for me — and that’s how it works under the hood.

Full article

Does CSS Grid Replace Flexbox?

Monday, April 30, 2018 Teklinks

No. Well. Mostly No. Grid is much newer than Flexbox and has a bit less browser support. That's why it makes perfect sense if people are wondering if CSS grid is here to replace Flexbox.

Full article

Good code Vs Bad code

Monday, April 30, 2018 Teklinks

When writing code in any language, there are good coding practices and there are really bad ones. Both may be correct as far as compiling and when run, but bad code can present some problems in development, debugging, and modifying.

Full article

The Front-End Checklist

Monday, April 30, 2018 Teklinks

The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your site / HTML page to production. It is based on Front-End developers’ years of experience, with additions coming from other open-source checklists.

Full article

April 29, 2018

Announcing npm@6

Sunday, April 29, 2018 Teklinks

In coordination with today’s announcement of Node.js v10, we’re excited to announce npm@6. This major update to npm includes powerful new security features for every developer who works with open source code. Read on to understand why this matters.

Full article

Beginner's guide to SASS

Sunday, April 29, 2018 Teklinks

Let’s face it, writing css is messy. More so when reviewing the code which other people have written. I find SASS is the answer to that. It helps you to write clean code which is readable. Let’s jump into it.

Full article

JavaScript — Map vs. ForEach

Sunday, April 29, 2018 Teklinks

If you’ve worked with JavaScript for a little while, you’ve probably come across two seemingly similar Array methods: Array.prototype.map() and Array.prototype.forEach(). So, what’s the difference?

Full article

Let's see the important Angular 6 features .

Sunday, April 29, 2018 Teklinks

The beta versions for Angular 6 is on a roll. Recently Angular 6.0.0-beta.7 is released. Angular 6 stable version should be released pretty soon. As per official schedule, Angular 6 stable version will release in the first week of April 2018.

Full article

Sharing Code Between Projects: Lessons Learned In The Trenches

Sunday, April 29, 2018 Teklinks

While Git is great for collaborating on a single repository, sharing code between multiple projects can be more challenging than we think. To get started, we looked into our own code base to learn how many times we duplicated our own integration to our user service.

Full article

April 24, 2018

Oh Man, Look at Your API!

Tuesday, April 24, 2018 Teklinks

Here’s my small effort to make the world a little bit of a better place. It could be useful for those of us on the way to building your own super duper API or who have the patience to improve on an existing one. These tips are based on my own painful experience with APIs I’ve worked with.

Full article

JavaScript ES6 — write less, do more

Tuesday, April 24, 2018 Teklinks

JavaScript ES6 brings new syntax and new awesome features to make your code more modern and more readable. It allows you to write less code and do more. ES6 introduces us to many great features like arrow functions, template strings, class destruction, Modules… and more. Let’s take a look.

Full article

JavaScript Map() Method Explained by Going On a Hike

Tuesday, April 24, 2018 Teklinks

If you have ever climbed a mountain, then you can understand JavaScript’s map method, which is one of JavaScript’s higher-order functions. I will admit it: I have slipped into the terrible habit of strictly using for loops any time I need to iterate through an array.

Full article

April 23, 2018

Another Collection of Interesting Facts About CSS Grid

Monday, April 23, 2018 Teklinks

Last year, I assembled A Collection of Interesting Facts about CSS Grid Layout after giving a workshop. This year, I worked on another workshop and I've learned some more exciting facts about the layout spec we all so love. Of course, I'm not going to keep my knowledge to myself.

Full article

The Critical Path: Optimizing Load Times With the Chrome DevTools

Monday, April 23, 2018 Teklinks

Recently, my team was tasked with delivering a limited version of Lucidchart to embed inside another application. Because Lucidchart would only represent a small part of the total functionality visible to the user, we wanted to make sure that we didn’t bog down the overall load time.

Full article

April 21, 2018

Introducing the React Context API

Saturday, April 21, 2018 Teklinks

The new React Context API is touted (at least on Twitter and a number of articles) as solving the need to use a state management tool, when I think in reality what it solves is easy dependency injection: Take something that lives at the top of your app and directly inject it into a lower level comp

Full article

Scroll to the future

Saturday, April 21, 2018 Teklinks

Everything you always wanted to know about implementing scrolling but were afraid to ask. We have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.

Full article

Few Tips That Will Make Your PWA on iOS Feel Like Native

Saturday, April 21, 2018 Teklinks

On 30th of March long awaited iOS 11.3 update was released, with support for basic PWA features on iPhones and iPads – service workers and app manifest files. As it is great to finally have a support for those, user experience of Progressive Web Applications on iOS is still not perfect.

Full article

Why You Shouldn’t Necessarily Start with a Monolith

Saturday, April 21, 2018 Teklinks

Conventional wisdom counsels starting out with a monolith, but are there exceptions? I asked some top CTOs about their experiences to determine what to consider when making a decision between starting with a monolith versus using microservices straightaway.

Full article

April 20, 2018

Curated List of Angular, React & Vue.js Resources

Friday, April 20, 2018 Teklinks

Below you'll find some of the top resources to learn or stay in the loop with Angular, React or Vue. Keep in mind that this list is subjective, and don't hesitate to submit a resource that you think should be added.

Full article

April 19, 2018

Designing very large (JavaScript) applications

Thursday, April 19, 2018 Teklinks

This is a mildly edited transcript of my JSConf Australia talk. Watch the whole talk on YouTube. Hello, I used to build very large JavaScript applications. I don’t really do that anymore, so I thought it was a good time to give a bit of a retrospective and share what I learned.

Full article

Angular Authentication: Using Route Guards

Thursday, April 19, 2018 Teklinks

Angular comes with a number of baked-in features which are tremendously helpful for handling authentication. I think my favorite is probably its HttpInterceptor interface, but right next to it would be route guards.

Full article

TensorFlow in your Browser

Thursday, April 19, 2018 Teklinks

If you want to explore machine learning, you can now write applications that train and deploy TensorFlow in your browser using JavaScript. We know what you are thinking. That has to be slow. Surprisingly, it isn’t, since the libraries use Graphics Processing Unit (GPU) acceleration.

Full article

Best Practices With CSS Grid Layout

Thursday, April 19, 2018 Teklinks

Accessibility If there is any part of the Grid specification that you need to take care when using, it is when using anything that could cause content re-ordering: This is not unique to Grid, however, the ability to rearrange content so easily in two dimensions makes it a bigger problem for Grid.

Full article

April 18, 2018

50 Mini-Steps to Landing a Job and Advancing in Your Career

Wednesday, April 18, 2018 Teklinks

Do thoughts about your career path keep you awake at night? Maybe you are feeling suffocated in a dead-end job, or looking for a career change? You already have access to many job search tools 10 Job Search Engines You Should Try First 10 Job Search Engines You Should Try First These job search en

Full article

Whats New in Angular 6 ?

Wednesday, April 18, 2018 Teklinks

As many of you already know Angular 6 RC2 is already out and GA will be released any time soon. As release date is nearing, many of us will be curious on kind of features that are being released and overall the advantages we gain with this release.

Full article

April 17, 2018

23 Best React UI Component Frameworks

Tuesday, April 17, 2018 Teklinks

According to the Stack Overflow survey React grew in popularity by almost 150% from 2017 to 2018. This isn’t really surprising, and among other things is happening thanks to its growing component-based ecosystem.

Full article

Understanding TypeScript’s type notation

Tuesday, April 17, 2018 Teklinks

This blog post is a quick introduction to TypeScript’s notation for static types. If you think this is cryptic – then I agree with you. But (as I hope to prove) this notation is relatively easy to learn.

Full article

Introducing git ship, a simplified git flow workflow

Tuesday, April 17, 2018 Teklinks

Ever since I started using git, I was enamored by the nice streamlined process of git flow. It proved to be a very reliable workflow process for managing features, releases and fixes within a team environment, and added some much-needed structure to git.

Full article

April 15, 2018

A Practical Guide to Angular Elements

Sunday, April 15, 2018 Teklinks

In my recent article about Angular Elements - “Building a Custom Element Using Angular Elements“, we introduced with an experimental Angular Labs project - Angular Elements and explained the motivation for this project.

Full article

How does the Blockchain Work? (Part 1)

Sunday, April 15, 2018 Teklinks

Blockchain is a hot topic around the world these days, yet for many, the technology remains an elusive concept. Yet it shouldn’t, the concept is simple once you get your head around the architecture and theory of basic crypto economics. When you do have your “a Ha” moment, the world will never seem the same to you again.

Full article

How To Use Technical Debt In Your Favor ?

Sunday, April 15, 2018 Teklinks

Technical Debt is like taking a loan. Let's say you need an expensive car but can't afford it. One option is to take a loan and pay some interest over time. The tradeoff is that you'll pay more on the final price of the car.

Full article

April 13, 2018

React Code Style Guide

Friday, April 13, 2018 Teklinks

I've been having the time of my life with React lately. But on my journey, I’ve had a hard time finding good code style guidelines to keep the mix of JSX and JS clean and readable. I've been coming up with my own style guides that I'd love to share.

Full article

REST APIs are REST-in-Peace APIs. Long Live GraphQL.

Friday, April 13, 2018 Teklinks

After years of dealing with REST APIs, when I first learned about GraphQL and the problems it’s attempting to solve, I could not resist tweeting the exact title of this article. Of course, back then, it was just an attempt by me at being funny, but today I believe that the funny prediction is actually happening.

Full article

The Angular Model ( ngx-model )

Friday, April 13, 2018 Teklinks

If you are using ngx-model in a project generated using Angular CLI you can leverage new schematics to generate model services and tests. Install schematics using npm or yarn. Check out the documentation.

Full article

April 11, 2018

The 15 Best Chrome Extensions for Programmers and Developers

Wednesday, April 11, 2018 Teklinks

If you’re a programmer who doesn’t use Chrome, you’re in the minority. There are so many reasons to prefer this browser for programming, such as Google’s massive influence on the direction of the web, the built-in features that make development less frustrating, and the sheer number of available extensions.

Full article

How JavaScript works: the rendering engine and tips to optimize its performance

Wednesday, April 11, 2018 Teklinks

This is post # 11 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core elements, we also share some rules of thumb we use when building SessionStack, a JavaScript application that needs to be robust and highly-performant to help users see and reproduce their web app defects real-time.

Full article

Planning for Everything

Wednesday, April 11, 2018 Teklinks

Once upon a time, there was a happy family. Every night at dinner, mom, dad, and two girls who still believed in Santa played a game. The rules are simple. Tell three stories about your day, two true, one false, and see who can detect the fib. Today I saw a lady walk a rabbit on a leash.

Full article

Simple Swipe With Vanilla JavaScript

Wednesday, April 11, 2018 Teklinks

This article is going to take you, step by step, through the implementation with the least amount of code I could come up with. So, let's jump right into it! We use display: flex to make sure images go alongside each other with no spaces in between.

Full article

Learn Bulma in 5 minutes

Wednesday, April 11, 2018 Teklinks

Bulma is a simple, elegant, and modern CSS framework that a lot of developers prefer over Bootstrap. Personally, I think Bulma has a better design by default, and it also feels more light-weight. In this tutorial, I’ll give you a super quick introduction to the library.

Full article