tech/webdev magazine

October 21, 2020

How to Prevent Pasting into an Input

Wednesday, October 21, 2020 Teklinks No comments

Every once in a while I get to a website that doesn't allow me to paste into a form input. In most cases it's something to do with login credentials (username and or password) and auth codes. So how are they preventing me from pasting information? It's as easy as you'd think!

Full article

October 20, 2020

Measuring Site Reliability

Tuesday, October 20, 2020 Teklinks No comments

We have all been in the Dev vs. Ops world where the Dev and Ops teams had different objectives, rules, and priorities. Most of the time, they opposed each other because one’s interest was the other’s problem. Now we have DevOps.

Full article

🗃 Local Storage vs. Session Storage

Tuesday, October 20, 2020 Teklinks No comments

This article will cover the concepts of localStorage and sessionStorage, the differences between the two, and the main methods used when working with them. The nice part about these storage options is that they are pretty straightforward to use once you learn the API.

Full article

October 18, 2020

Supercharge Testing React Applications With Wallaby.js

Sunday, October 18, 2020 Teklinks No comments

Ever had to switch your focus from your editor and to your terminal to see the results of your tests? This article will introduce you to Wallaby.js — a JavaScript productivity tool that supercharges your IDE by allowing you to get real-time feedback on your JavaScript tests in your code editor even before saving the file. You will also learn how to use Wallaby.js for testing React applications.

Full article

Frontend Architecture at Scale for Large Organizations

Sunday, October 18, 2020 Teklinks No comments

Hi! I want to discuss with you how to manage Frontend architecture in large organizations. It feels to me that there are not many articles about this topic and it is not explained well. By large organization in this article, I mean companies, in which the number of front-end engineers starts to be bigger than 15 and the company has at least multiple frontend projects.

Full article

October 15, 2020

How I structure React apps

Thursday, October 15, 2020 Teklinks No comments

Structuring an app is like building a house 🏡 There are many decisions to make, many views, many perspectives. Folder structure also plays a vital role. The mind is flooded with questions like where this folder/file should reside? Which place it should go to? What should be the name of the folder, file, component, hook or context?

Full article

Cumulative Layout Shift in Practice

Thursday, October 15, 2020 Teklinks No comments

Cumulative Layout Shift (CLS) is a user experience metric that measures how unstable content is for your visitors. Layout shifts occur when page content moves after being presented to the user. These unexpected shifts can lead to a frustrating visual and user experience, such as misplaced clicks or rendered content being scrolled out of view.

Full article

Review of Chakra UI

Thursday, October 15, 2020 Teklinks No comments

Chakra UI is a modern component library for React created by Segun Adebayo. It provides a set of accessible, reusable, and composable React components that you need to build front-end applications. Its simplicity, modularity, and accessibility make it powerful.

Full article

October 11, 2020

Using Service Workers with React

Sunday, October 11, 2020 Teklinks No comments

If you use React for front end development, chances are that you have heard of service workers. If you are not sure what they do, or how to configure them properly, this beginner’s guide to service workers in React should serve as a good first step in creating feature-rich, offline experiences in React.

Full article

October 10, 2020

1-on-1 Meetings: More Important than Ever

Saturday, October 10, 2020 Teklinks No comments

In normal times, having regular 1-on-1 meetings with your direct reports is important. In this socially distant era, these connection points are essential. As a manager, you are the most vital link between your direct reports and the organization.

Full article

An introduction to Webpack Code-Splitting, Loadable/component, and Resource Hints

Saturday, October 10, 2020 Teklinks No comments

So, you have a React application, understand the performance and therefore usability benefits of splitting the code you ship to your users into multiple smaller bundles (chunks) rather than one large bundle, and have heard of Webpack ‘dynamic imports’ but are not quite sure how to go about using

Full article

October 6, 2020

Tree-Shaking Problems with Component Libraries

Tuesday, October 06, 2020 Teklinks No comments

Whether you like it or not, Webpack is endemic to modern front end applications. It’s an incredible tool, building on the legacy of Grunt, Gulp and others, and making the tools and progress that fuelled the JavaScript renaissance — like Babel and ES6 — accessible to everyone “to just build apps”.

Full article

The Red Flags on Your Resume

Tuesday, October 06, 2020 Teklinks No comments

This week I left a comment on the React subreddit that critiqued a resume that was posted. It got a lot of upvotes. Apparently, swyx thinks it might be the most upvoted comment on the sub. Since there seems to be some interest in this, I thought I’d expand and turn it into a blog post.

Full article

Announcing MobX 6

Tuesday, October 06, 2020 Teklinks No comments

Time flies, and it has been 5.5 years since the first commit to MobX was made to build Mendix Studio. In those years MobX has been adopted by well-known Software companies like Microsoft (Outlook), Netflix, Amazon and, my personal favorite, it runs in the Battlefield games by EA.

Full article

October 5, 2020

15 React Interview Questions with Solutions

Monday, October 05, 2020 Teklinks No comments

React’s popularity shows no sign of waning, with the demand for developers still outstripping the supply in many cities around the world. For less-experienced developers (or those who’ve been out of the job market for a while), demonstrating your knowledge at the interview stage can be daunting.

Full article

GIT Tips and Tricks to Improve your GIT Workflow

Monday, October 05, 2020 Teklinks No comments

The Git system is a powerful tool for tracking source code changes. Commonly used by developers and programmers across the globe, gaining a familiarity with this technology is a great asset to have. This article covers a number of tips and tricks to help improve your Git literacy and workflow.

Full article

October 3, 2020

19 things I stole from great developers

Saturday, October 03, 2020 Teklinks No comments

Is a code refactoring rule of thumb to decide when a replicated piece of code should be replaced by a new code/procedures/methods. It states that you are allowed to copy and paste the code once, but that when the same code is replicated three times, it should be extracted into a new procedure.

Full article

October 1, 2020

TypeScript to WebAssembly: The What, The How And The Why

Thursday, October 01, 2020 Teklinks No comments

Assembly and assembly-like languages are very powerful in the sense that they allow for fantastic performance given how close they are to their execution environment (i.e the Virtual Machine they run on and so on), but at the same time, they usually lack everything we love about programming languages: the actual high-level abstractions such as IF statements, FOR loops, CLASSES and what not.

Full article

My favorite Tech RSS Feeds

Thursday, October 01, 2020 Teklinks No comments

RSS once was the way to gather all the news you are interested in, in one place. Like a Facebook feed, but entirely managed by yourself. Over the past decade I maintained a pretty solid list of feeds for various topics.

Full article

September 30, 2020

Tailwind CSS Resources you wish you had.

Wednesday, September 30, 2020 Teklinks No comments

This week I decided to take a look at Tailwind CSS and create a simple e-commerce website. The first thing I noticed is how well the documentation was written. Even if Tailwind is your first CSS framework, you will easily be able to navigate through different sections😉.

Full article

September 28, 2020

Effective Product Management

Monday, September 28, 2020 Teklinks No comments

As a VP at VMware of product management, I spend a lot of time talking to teams about what the product management discipline should look like. Every step of the product management journey has been a delight for me — from individual contributor to managing a team of well over one hundred product managers.

Full article

September 27, 2020

React is becoming a black box

Sunday, September 27, 2020 Teklinks No comments

It pains me to say it, but React on the verge of becoming a black box. On any given day, just search “React hooks” or “React Concurrent Mode” on Twitter and you’ll inevitably stumble upon a conversation that goes something like this:

Full article

36 Hidden Google Search Games and Easter Eggs

Sunday, September 27, 2020 Teklinks No comments

Google has hidden lots of quirky Easter eggs and fun games in its search engine. Below are some of the best, so just head to Google and type one of the following searches. Did you mean nag a ram? Not exactly. An anagram is a word (or phrase) formed by rearranging the letters of a source word.

Full article

September 25, 2020

Vital Web Performance

Friday, September 25, 2020 Teklinks No comments

I hate slow websites. They are annoying to use and frustrating to work on. But what does it mean to be “slow”? It used to be waiting for document load. Then waiting for page ready. But with so many asynchronous patterns in use today, how do we even define what “slow” is?

Full article

September 22, 2020

An Introduction To Running Lighthouse Programmatically

Tuesday, September 22, 2020 Teklinks No comments

Being able to run Google’s Lighthouse analysis suite programmatically provides a lot of advantages, especially for larger or more complex web applications. Using Lighthouse programmatically allows engineers to set up quality monitoring for sites that need more customization than straightforward applications of Lighthouse (such as Lighthouse CI) allow.

Full article

September 20, 2020

Migrating from styled-components to Stitches

Sunday, September 20, 2020 Teklinks No comments

This post is about highlighting the main differences between styled-components and Stitches. Some of these differences are related to the authoring experience. Others are about what happens behind the scenes. Disclaimer: This post isn't about comparing which one is best.

Full article

How to Use Rate Limiting on Nginx

Sunday, September 20, 2020 Teklinks No comments

Rate limiting controls how many requests users can make to your site. This is usually put in place to stop abusive bots, limit login attempts, and control API usage, which can prevent your server from slowing down under load.

Full article

September 17, 2020

React + TypeScript ❤️: The good parts ⚡

Thursday, September 17, 2020 Teklinks No comments

I've started using TypeScript with React, and after a while, learning, and implementing them together. This is how I feel: If we type labels. inside List we get the code completion with methods and attributes from Array.prototype, in this case Array.prototype.

Full article

Tailwind CSS Resources you wish you had.

Thursday, September 17, 2020 Teklinks No comments

This week I decided to take a look at Tailwind CSS and create a simple e-commerce website. The first thing I noticed is how well the documentation was written. Even if Tailwind is your first CSS framework, you will easily be able to navigate through different sections😉.

Full article

September 15, 2020

Performance tests in your CI Pipeline with Lighthouse CI

Tuesday, September 15, 2020 Teklinks No comments

Lighthouse CI is Google’s 2nd take on running performance analysis on the development flow for a web app. Previous and now deprecated was Lighthouse Bot. In this article we’ll go along the setup of Lighthouse CI in an existing pipeline of continuous integration that we use in our web apps at Properati.

Full article

Automate JavaScript project versioning with commitizen and standard-version

Tuesday, September 15, 2020 Teklinks No comments

It is such a hassle to manually update versions, changelogs, and create git tags. Ever wonder if there is a better way of doing this? Fear not, standard-version will do everything that is said in a single command line!! To implement the auto versioning, there are several configurations that need to be done though.

Full article