teklinks

tech/webdev magazine

André Simões

André Simões
Web Developer

May 31, 2021

5 Advanced React Patterns

Monday, May 31, 2021 Teklinks

An overview of 5 modern advanced React patterns, including integration codes, pros and cons, and concrete usage within public libraries. These recurring questions led to some advanced patterns throughout the React community.

Full article

The Architecture of Uber’s API gateway

Monday, May 31, 2021 Teklinks

API gateways are an integral part of microservices architecture in recent years. An API gateway provides a single point of entry for all our apps and provides an interface to access data, logic, or functionality from back-end microservices.

Full article

11 Libraries to Take Your React App Up a Notch

Monday, May 31, 2021 Teklinks

Effective and easy-to-implement libraries for your next React project. When React was released in 2013, it immediately took the programming world by storm. React provided a way to build interactive UI components with ease while simultaneously managing state throughout the application.

Full article

May 29, 2021

Using MobX for large-scale enterprise state management

Saturday, May 29, 2021 Teklinks

When it comes to building larger apps, it’s crucial the app state is well-structured and clearly defined. In this post, we’ll cover how can we use MobX for large-scale applications. We’re going to focus on how to structure app state, define relationships between data, make network calls, and load data in store.

Full article

How to Use Docker Scan to Find Vulnerabilities in Your Images

Saturday, May 29, 2021 Teklinks

Docker now ships with built-in security scanning support. You can locally scan your container images to identify possible vulnerabilities. This accelerates the development cycle by providing more immediate feedback compared to CI pipelines and cloud services.

Full article

May 26, 2021

Building A Video Streaming App With Nuxt.js, Node And Express

Wednesday, May 26, 2021 Teklinks

In this article, we’ll be building a video streaming app using Nuxt.js and Node.js. Specifically, we’ll build a server-side Node.js app that will handle fetching and streaming videos, generating thumbnails for your videos, and serving captions and subtitles.

Full article

How to Send Tweets With a JavaScript GitHub Action

Wednesday, May 26, 2021 Teklinks

GitHub actions is a feature which allows developers to construct workflows that run in response to various GitHub events. You can use them, for example, to run tests when a new pull request is received, post new issues to Slack, or publish a package to npm.

Full article

Figma Test Drive: Strengths and Weaknesses

Wednesday, May 26, 2021 Teklinks

Having been a staunch Sketch fan for some time now, I gave Figma a try when it was first released. During a recent project, a client wanted the team to use Figma. Below, I’ll identify the key positives and negatives I discovered during my recent experience with Figma.

Full article

May 25, 2021

What I Learned from Pair Programming in My First Job

Tuesday, May 25, 2021 Teklinks

We frequently use the term “driving” at Atomic to describe one of the developer roles while pair programming. It’s the driver’s job to navigate the codebase and write the code for the pair. In turn, the passenger checks for blind spots and watches what the driver is doing.

Full article

Code Quality Metrics

Tuesday, May 25, 2021 Teklinks

For software houses and individual developers, achieving excellence in code quality is not an option but a grade to achieve and retain in all given constraints. "Employing these Metrics to excel the performance of code directly impacts the profitability of the business.

Full article

May 23, 2021

How To Implement Authentication In Next.js With Auth0

Sunday, May 23, 2021 Teklinks

At the moment of adding authentication and authorization to our web applications, there are some things that we should evaluate, e.g. whether we need to create our own security platform or whether we can rely on an existing third-party service. Let’s see how we can implement authentication and authorization in Next.js apps, with Auth0.

Full article

How Architects make decisions

Sunday, May 23, 2021 Teklinks

The remarkable Herbert Simon won the Nobel Prize in Economics in 1978 and the Turing Medal in 1975. Reading about his life gives me a panic attack when I consider how little I have achieved in comparison. He published ‘Administrative Behaviour’ in 1947, and I started reading it in 2021.

Full article

The Tech Debt Playbook

Sunday, May 23, 2021 Teklinks

All software teams have technical debt — parts of the code that weren’t created with today’s challenges in mind, or were written poorly, or were expedient hacks that are now problematic.

Full article

May 20, 2021

Why We Switched From Webpack To Vite

Thursday, May 20, 2021 Teklinks

At Replit, our mission is to make programming more accessible. We provide people with free compute in the cloud so that they can build apps on any device. Among the most popular ways to create apps on the web today is React. Historically, however, React tooling has been slow on Replit.

Full article

Notion API

Thursday, May 20, 2021 Teklinks

Find and fix web accessibility issues with ease using axe DevTools Pro. Try for free! The Public Beta of the Notion API dropped! Woot! Here’s their guide. I’ve been a Notion user and fan for a long time, for both personal and professional team use.

Full article

May 19, 2021

Introducing Firefox’s new Site Isolation Security Architecture

Wednesday, May 19, 2021 Teklinks

Like any web browser, Firefox loads code from untrusted and potentially hostile websites and runs it on your computer. To protect you against new types of attacks from malicious sites and to meet the security principles of Mozilla, we set out to redesign Firefox on desktop.

Full article

Amazing new stuff!! In React Router v6

Wednesday, May 19, 2021 Teklinks

The following APIs will not only help you increase your productivity but also improve your code structure. Any developer who is looking forward to learn React or even the ones who have been using React for a while should be able to use and enjoy the stuff in this article!! 😄

Full article

May 18, 2021

Optimizing Web Vitals using Lighthouse

Tuesday, May 18, 2021 Teklinks

Finding opportunities to improve user-experience with Chrome's web tooling. Today, we'll cover new tooling features in Lighthouse, PageSpeed and DevTools to help identify how your site can improve on the Web Vitals.

Full article

Security headers quick reference

Tuesday, May 18, 2021 Teklinks

Learn more about headers that can keep your site safe and quickly look up the most important details. This article lists the most important security headers you can use to protect your website.

Full article

May 17, 2021

A Primer On CSS Container Queries

Monday, May 17, 2021 Teklinks

A prototype of the long-awaited CSS container queries has landed in Chrome Canary and is available for experimentation. Let’s look at what problem is being solved, learn how container queries work, and see how they compare with and complement existing CSS features for layout.

Full article

Modern Javascript: Everything you missed over the last 10 years

Monday, May 17, 2021 Teklinks

JavaScript has come a long way since I knew it as the “D” in DHTML. For anyone like me, who’s been reluctant to use the latest syntax that could require polyfills or a transpiler, I’ve written this cheatsheet to get you caught up on all the goodness that’s widely supported in modern browsers.

Full article

Microservices Architecture: Breaking The Monolith

Monday, May 17, 2021 Teklinks

Are you working with monolithic systems and legacy applications? Are you looking for ways to modernize your architecture and switch to microservices? Microservices are developed with business-oriented APIs to encapsulate a core business capability.

Full article

May 16, 2021

The Cryptocurrency Guide on Hashing

Sunday, May 16, 2021 Teklinks

Over the years, Technology has revolutionized our daily lives and created amazing resources from which we can get useful information at our fingertips that make our lives faster and easier. We can get almost every piece of information from the web in a fraction of seconds.

Full article

Zustand’s Guide to Simple State Management

Sunday, May 16, 2021 Teklinks

React state management has evolved a lot during the past few years. Many have moved from Flux to Redux and looking for even more straightforward solutions. Also, the advent of React Hooks has opened up new avenues for state management.

Full article

Tree-Shaking: A Reference Guide

Sunday, May 16, 2021 Teklinks

“Tree-shaking” is a must-have performance optimization when bundling JavaScript. In this article, we dive deeper on how exactly it works and how specs and practice intertwine to make bundles leaner and more performant. Plus, you’ll get a tree-shaking checklist to use for your projects.

Full article

Testing Rxjs Observable With Marble Testing

Sunday, May 16, 2021 Teklinks

In Angular, we often use RxJS observables. Since observables are dependent on time, it makes them to hard to test. To make our life easier, RxJS provides a TestScheudler which offers a function run providing helper functions accepting Marbles, a special syntax used to define a timeline of events.

Full article

Redis vs. Memcached – 2021 Comparison

Sunday, May 16, 2021 Teklinks

Redis stands for REmote DIctionary Server, created in 2009 by Salvatore Sanfilippo. Memcached, on the other hand, was created in 2003 by Brad Fitzpatrick. Both Redis and Memcached are: In 2014, Salvatore wrote an excellent StackOverflow post on when it makes more sense to use Memcached than Redis.

Full article

May 15, 2021

API Design for a React Tree Table

Saturday, May 15, 2021 Teklinks

A recent React freelance project of mine offered me a challenging task: The client wanted to have a tree table component in React. The role model for this was MacOS's Finder and its tree view; and as a cherry on top: it should be able to fetch asynchronously up to 100.

Full article

Best VS Code themes

Saturday, May 15, 2021 Teklinks

When we see cool videos or setups from people coding we can see these incredible code editors with a lot of colors and awesome themes, and we always think "How can I make my Visual Studio Code look like this?" And this one is a (I hope no so large) list of my favorites VS Code themes! I also include

Full article

Don't Solve Problems, Eliminate Them

Saturday, May 15, 2021 Teklinks

Humans are natural problem solvers. The fact that we've survived as long as a species as we have is evidence of that. Humans are also natural problem seekers. Let that one sink in. You know it's true. And I'm not talking about those people. I'm talking about you and me too.

Full article

May 14, 2021

Finding What Matters to You

Friday, May 14, 2021 Teklinks

Are you happy? I've been asked this question many times by co-workers and my leaders over the years. I've been lucky enough to have many leaders who cared enough to ask it and cared enough to help shape the environment around me and my colleagues.

Full article

Using Typescript Types Generated from OpenAPI Schemas

Friday, May 14, 2021 Teklinks

An important part of my previous project was manually writing OpenAPI schemas for the APIs we were developing. This task was often done as an afterthought. We didn’t carefully deliberate on model names and lacked a consistent naming strategy.

Full article

Top 5 Hardest Coding Questions From Recent FAANG Interviews

Friday, May 14, 2021 Teklinks

It seems like coding interviews are only getting harder, and preparing for them isn’t an easy task. There’s no limit to the kind of questions that may be presented to you in an interview, and many of them aren’t easy. The “hardest” questions will be different for each person.

Full article

May 13, 2021

Frustrating Design Patterns That Need Fixing: Birthday Picker

Thursday, May 13, 2021 Teklinks

You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. Perhaps it’s a disabled submit button that never communicates what’s actually wrong, or tooltips that — once opened — cover the input field just when you need to correct a mistake. They are everywhere, and they are annoying, often tossing us from one dead-end to another, in something that seems like a well-orchestrated and poorly designed mousetrap.

Full article

WebRTC app development: challenges, use cases, and the future

Thursday, May 13, 2021 Teklinks

In simple terms, WebRTC is the technology that provides peer-to-peer communication between web browsers and mobile applications. It is known as Web Real-Time Communication, which refers to open-source projects and allows transmission of audio, video, and data.

Full article

May 12, 2021

3 Useful TypeScript Patterns to Keep in Your Back Pocket

Wednesday, May 12, 2021 Teklinks

Using TypeScript with its most basic types alone adds plenty of safety to your code. Sometimes, however, you come across situations where you need a little bit more. Here are three useful TypeScript patterns that will kick your game up a notch.

Full article

May 10, 2021

How To Keep Code Quality Under Control In 7 Steps

Monday, May 10, 2021 Teklinks

These 7 Steps Of Code Quality Control Process will show you what to do to improve the Code Quality in the software that you build. In the article Code Quality Control And Why You Need It I described shortly importance of keeping high quality of code.

Full article

The definitive guide to profiling React applications

Monday, May 10, 2021 Teklinks

Knowing how to profile a React application to improve real-world performance is a good tool in any front-end developer’s toolkit. The Profiler API allows us to do just that with insights on why and how long our components are rendering for.

Full article

Generate dynamic og:images just like GitHub

Monday, May 10, 2021 Teklinks

If you are a developer like me, you probably were surprised too when we saw the brand new link previews from GitHub on Twitter or on some Slack channels. Here at Flayyer what we do is enabling companies to automate the image generation process for their social media and marketing channels.

Full article

May 9, 2021

A Guide To Undoing Mistakes With Git

Sunday, May 09, 2021 Teklinks

No matter how experienced you are, mistakes are an inevitable part of software development. But we can learn to repair them! And this is what we’ll be looking at in this two-part series: how to undo mistakes using Git.

Full article

Useful Tools for Parsing and Annotating PDFs in Node

Sunday, May 09, 2021 Teklinks

Our team recently finished designing an explainer to help users understand certain PDF documents they may view. To connect the notes to the PDF, we needed to annotate the PDFs themselves. Generally, PDF-JS (or pdfjs-dist) is a great library to use for manipulating PDFs.

Full article

May 6, 2021

How I Built My Blog

Thursday, May 06, 2021 Teklinks

If you've been thinking about creating a dev blog for yourself, you've probably been a bit overwhelmed by the number of tools and technologies. We live in an era of abundance, and there are a lot of options.

Full article