teklinks

tech/webdev magazine

André Simões

André Simões
Web Developer

January 31, 2020

Boost Your Page Speed: Reduce File Size

Friday, January 31, 2020 Teklinks

Anyone who has been in the web design business knows that it is a constant uphill battle. Just learning the markup, stylesheets, and back end isn’t enough to make your website compete in today’s market of services and applications.

Full article

Performance Optimization with React Hooks and Memo

Friday, January 31, 2020 Teklinks

Building a useful application is one thing, having the application load smoothly and quickly is something altogether else — and, arguably, of equal importance. There are many way to go about optimizing an application in React to improve its performance.

Full article

Recreate Google.com with Tailwind CSS

Friday, January 31, 2020 Teklinks

Tailwind CSS is an awesome tool that changes the way we write our HTML and CSS. Tailwind is a "utility-first CSS framework" that I initially wasn't sure about. Our HTML gets pretty busy when using Tailwind, but I've found it's not that bad of a tradeoff.

Full article

January 29, 2020

Coding Challenge Array Exercises

Wednesday, January 29, 2020 Teklinks

Coding exercises are hard, no matter what level of experience you have and which point of your career you are at, it is a very different skills to succeed coding exercises versus building real life application.

Full article

January 28, 2020

Redux Hooks in React: An Introduction

Tuesday, January 28, 2020 Teklinks

Redux hooks have been publicly available since April 2019, where the Redux team introduced a range of hooks for functional components to replace the connect() method, in version 7.1 alpha.

Full article

Role of Architect in Agile Development

Tuesday, January 28, 2020 Teklinks

Are you an architect?Introduction Agile is a methodology used by many enterprises as a software development methodology to deliver value to end-users incrementally and faster. The approach is iterative, and the working software built and delivered in smaller chunks at the end of each iteration.

Full article

A class-based enum pattern for JavaScript

Tuesday, January 28, 2020 Teklinks

In this blog post, we examine a pattern for implementing enums in JavaScript that is based on classes. We’ll also take a look at Enumify, a library that helps with the enum pattern. An enum is a type that consists of a set of values.

Full article

January 26, 2020

How Buddy Turns DevOps to NoOps the DigitalOcean Way

Sunday, January 26, 2020 Teklinks

In 2019, DevOps still remains something of a codeword: a sphere reserved to developers trained in writing complicated scripts for tools only they know how to use. Tools whose purpose is to make your life easier with automation, but somehow:

Full article

Introducing Yarn 2 ! 🧶🌟

Sunday, January 26, 2020 Teklinks

Hi everyone! After exactly 365 days of very intensive development, I'm extremely happy to unveil the first stable release of Yarn 2. In this post I will explain what this release will mean for our community. Buckle up!

Full article

January 24, 2020

Adding React Fast Refresh to Your Create React App Project

Friday, January 24, 2020 Teklinks

It listens to changes within your source files and sends them, and only them, to the browser (or mobile device, for React Native). When those changes arrive at the browser, the code segment that has changed is being “injected” into its module, replacing the previous code.

Full article

Microfrontends

Friday, January 24, 2020 Teklinks

In StepStone Services we’re working on maintenance and development of big, complex job board platform, among other things. This project was initially conforming to monolithic architecture and stayed this way for many years.

Full article

January 23, 2020

LocalStorage vs sessionStorage

Thursday, January 23, 2020 Teklinks

What’s interesting about them is that the data survives a page refresh (for sessionStorage) and even a full browser restart (for localStorage). We already have cookies. Why there is need for additional objects?

Full article

How I established a good release process in JavaScript

Thursday, January 23, 2020 Teklinks

Lately, I’ve sat down to define the release procedures for my team. I went through git workflows, best practices for versioning, and methods to upgrade external libraries. I wanted to have all my learning in one place, because I know I’ll get back to that in the future.

Full article

3 Problems to Stop Looking For in Code Reviews

Thursday, January 23, 2020 Teklinks

Reviewing code is one of the most valuable tasks we do each day as a software developer. In that one activity, we spot problems and preempt issues before they can grow. We learn new approaches and gain familiarity with features we might have to update or borrow from in the future.

Full article

January 21, 2020

Build a CRUD Application with React and Apollo GraphQL

Tuesday, January 21, 2020 Teklinks

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It provides a simple interface for asking for data from your server and getting exactly what was requested and nothing more.

Full article

Are Early Returns Any Good?

Tuesday, January 21, 2020 Teklinks

To use early returns or to not use early returns. There is something to be said for both. Programmers tend to have a strong personal preference when it comes to using early returns. Some never use them, others have great faith in it.

Full article

Setting up GitHub Actions for a React/Node Project

Tuesday, January 21, 2020 Teklinks

jobs: test: name: Test # ... deploy: name: Deploy needs: test if: github.event_name == 'push' && (github.ref == 'refs/heads/master' || github.ref == 'refs/heads/dev') # ... The deploy job has a needs: test statement that will only run the Deploy job if the Test job was successful.

Full article

January 19, 2020

Top New Features of Angular 9

Sunday, January 19, 2020 Teklinks

This Angular 9 preview post takes you through all the features coming in the latest version of Angular, which will be coming out of beta soon. Angular, Google’s JavaScript (TypeScript) framework for building web applications, mobile or desktop has over 55,000 stars on GitHub.

Full article

React Router Architecture That’s Simple, Scalable, and Protected

Sunday, January 19, 2020 Teklinks

Routing in React, usually using the popular React Router library, can get messy pretty quickly. How do I manage all these routes? What’s the best way to implement. How should I handle nested routes? While there are obviously tons of great answers to these questions, I’ve tried several unsatisfactory methods before the one I’ll walk through in this tutorial, which I found to be a nice implementation for an open-source React/Redux boilerplate I’m working on.

Full article

Top 10 Github Apps on Marketplace to Use as Junior JavaScript Developers in 2020

Sunday, January 19, 2020 Teklinks

Open source projects work diligently to fix all the vulnerabilities. Why shouldn’t your project be powered by the knowledge of when and where these apps eradicate them? All those below can shield your project and monitor your project for publicly disclosed security vulnerabilities, and it is free as well.

Full article

January 17, 2020

Role-Based Routing with Next.js

Friday, January 17, 2020 Teklinks

Applications often have to cater to users with different roles, such as employees, customers, managers, etc. These different users have different permissions, and usually, they need to be restricted from certain functionalities.

Full article

State of JavaScript 2019

Friday, January 17, 2020 Teklinks

We were pretty sure 2018 would be the last time we did this survey. After all, the JavaScript ecosystem can’t very well keep changing again, can it?

Full article

How to Stay Healthy When You Sit at a Desk All Day

Friday, January 17, 2020 Teklinks

Join 250,000 subscribers and get a daily digest of news, articles, and more. Sitting at a desk all day can be detrimental to your health. But don’t worry; there’s no need to quit your day job to achieve a healthier lifestyle. Here are some easy solutions for making things better.

Full article

January 16, 2020

CSS in 2020 - A Practical Guide

Thursday, January 16, 2020 Teklinks

CSS has evolved rapidly over the last 10 years. In an effort to stay abreast on some of the new fancy things css can do, I've created this practical guide for CSS in 2020. Watch the video or jump down after the video for a list of most of the features (& links) covered in the video.

Full article

January 15, 2020

An Introduction To React’s Context API

Wednesday, January 15, 2020 Teklinks

13 min read API, React, Apps Share on Twitter or LinkedIn In this article, you will learn how to use React’s Context API which allows you to manage global application states in your React apps without resorting to props drilling. For this tutorial, you should have a fair understanding of hooks.

Full article

Svelte + Tailwind + Parcel = Awesome!

Wednesday, January 15, 2020 Teklinks

I must admit that Rollup.js, that default Svelte projects use, never grew on me for some reason so I decided to give Parcel a try. Let's see how to setup a new Svelte project using it. While on it we will also include some other useful tools and plugins on the way.

Full article

January 14, 2020

10 Awesome Github Repos Every Web Developer Should Know

Tuesday, January 14, 2020 Teklinks

Awesome is, without a doubt, the most popular repo that curates all topics from software development to hardware to business. It has more than 123,000 stars on Github at this moment, and one could spend days (nights) browsing it. It is my one-stop-shop if I want to learn something new.

Full article

January 13, 2020

January 12, 2020

React Memoization

Sunday, January 12, 2020 Teklinks

Memoization is a new concept in ReactJS through which we can store a heavy functional component in memory. Then reuse that component again calling it from cache. The default behavior of a component declared using React.memo is that it renders only if the props have changed.

Full article

What to Pay JavaScript Developers in 2020

Sunday, January 12, 2020 Teklinks

As hiring managers, we have a lot of tough choices to make. One choice most hiring managers get wrong is compensation for developers. This article will help you get in the right ballpark based on your needs. Baseline salary data comes from Indeed.

Full article

January 9, 2020

What is GraphQL - the misconceptions.

Thursday, January 09, 2020 Teklinks

I love talking about GraphQL, especially with people who have been working with GraphQL or thinking of adopting GraphQL. One common question people have is why would someone want to move to GraphQL from REST.

Full article

10 Tricks to Optimize Your Angular App

Thursday, January 09, 2020 Teklinks

Here, I collected a list of practices that will help us boost the performance of our Angular applications. Cheatsheet for developing ⚡lightning⚡ fast progressive Angular applications. - mgechev/angular-performance-checklist

Full article

NestJS + gRPC: a multi microservices example

Thursday, January 09, 2020 Teklinks

For a long period of time, REST API has dominated the web programming world until gRPC came and disrupt the industry. There are numerous posts online discussing the advantages of gRPC and comparing it with REST, so I am not going to make redundant comments on this point.

Full article

January 8, 2020

Gradually Migrating To Typescript

Wednesday, January 08, 2020 Teklinks

If you have a large project, it may not be feasible to move to TypeScript all in one go. Gradually migrating provides more flexibility and allows you to, for example, use TypeScript just for new code or “upgrade” modules when there are changes to existing code.

Full article

JavaScript ES6+: var, let, or const?

Wednesday, January 08, 2020 Teklinks

Perhaps the most important thing you can learn to be a better coder is to keep things simple. In the context of identifiers, that means that a single identifier should only be used to represent a single concept.

Full article

January 7, 2020

5 Ways to Document React Components in 2020

Tuesday, January 07, 2020 Teklinks

Documentation makes your reusable components comprehensible and discoverable. It is a crucial part of every component library. In this article, we will be looking at five tools that make documenting React components, an easy task.

Full article

Working for a Company vs. Working for Yourself

Tuesday, January 07, 2020 Teklinks

Working for a Company vs. Working for YourselfThinking about working for yourself? Do it! But read this firstSarah CooperSarah Cooper used to work for a company, now she works for herself. Her new book, How to Be Successful Without Hurting Men’s Feelings, is out October 30th.

Full article

70 JavaScript Interview Questions

Tuesday, January 07, 2020 Teklinks

Hi Guys Good Day and a Happy New Year ???! This is a long one, so bear with me for a second or an hour. In every answer for every question there's an arrow up ↑ link that let's you go back to the List of Questions, so that you don't waste time scrolling up and down. The Questions 1.

Full article

January 6, 2020

The 2-Word Trick That Makes Small Talk Interesting

Monday, January 06, 2020 Teklinks

was at a house party, on my own, sticking close to the table that held the drinks and the charcuterie display. Because I hardly knew anyone, I was tempted to hunker down on the couch with a cold glass and a full plate and go through emails on my phone. It felt safe, but also a little boring.

Full article

11 Must-Know FrontEnd Trends for 2020

Monday, January 06, 2020 Teklinks

Sounding smart at your team's lunch talks is obviously a great reason to stay updated with the latest frontend trends. It might even help you become a better developer, build better technology and better products. Maybe.

Full article

Why I moved from React to Svelte and others will follow

Monday, January 06, 2020 Teklinks

On October 14, 2015, I hosted the inaugural React Vancouver meetup. It was at a point were I had used React for the better part of the year and wanted to bring like-minded developers together. React back then was, dare I say it, revolutionary in the web frontend world.

Full article

Understanding positioning in CSS

Monday, January 06, 2020 Teklinks

I was at JSConf China earlier this year, which happened in Shanghai from 19–20 Oct. There was fairly decent representation from Singapore I would say.

Full article