tech/webdev magazine

October 31, 2020

Making Sense of the JS Framework Benchmark

Saturday, October 31, 2020 Teklinks No comments

You've heard about a new library and you've decided you want to look into. Perhaps you need to make a decision on technology you haven't had a chance to use yet. You've read some articles, seen some endorsements on social media, but now you need to quickly get to the core of the matter.

Full article

October 29, 2020

Introducing: The Async Cookie Store API

Thursday, October 29, 2020 Teklinks No comments

TLDR: The Cookie Store API is a new browser API built to expose cookies to service worker and offer an asynchronous alternative to document.cookie. It’s available in Chrome Browser starting from version 87. Are you sick and tired of weird ways to get cookies fromdocument.

Full article

15 RxJS *Awesome* Tips from 15 Sentinels

Thursday, October 29, 2020 Teklinks No comments

RxJS is by far the hottest library for reactive programming in the web for the past few years. It is built on fascinating concepts and paradigms which are worth digging into that aren’t in scope of this post (what is “reactive”, “declarative”, functional programming concepts and more..).

Full article

October 27, 2020

Effective Code Reviews: A Primer

Tuesday, October 27, 2020 Teklinks No comments

Peer code reviews have increasingly been adopted by engineering teams around the world. Here are 6 tips to make the process better for teams. Peer code reviews as a process have increasingly been adopted by engineering teams around the world.

Full article

October 26, 2020

How to log user activities using the Beacon Web API?

Monday, October 26, 2020 Teklinks No comments

The Beacon API is a relatively unknown, lightweight, and efficient way to log web page activities to a server. It is a JavaScript API that helps the developer to send a small amount of data such as, analytics or tracking information, debugging, or diagnostic data from the browser to the server.

Full article

What’s New In Create React App 4

Monday, October 26, 2020 Teklinks No comments

Create-React-App allows us to scaffold new React applications. It’s an incredibly useful tool for building React applications. It keeps all of our dev dependencies like webpack, ESLint and babel inside of react-scripts.

Full article

October 25, 2020

Node.js v15.0.0 is here!

Sunday, October 25, 2020 Teklinks No comments

This blog was written by Bethany Griggs, with additional contributions from the Node.js Technical Steering Committee. We’re excited to announce that Node.js 15 was released today. Node.js 15 replaces Node.js 14 as our ‘current’ release line, with Node.

Full article

Implement Code Splitting in React

Sunday, October 25, 2020 Teklinks No comments

By using tools such as _Webpack_ or _Browserify_, React applications are bundled. Bundled means that the files inside your application are imported and merged into one file. This way, when you import your application in a webpage, you only need to import one file.

Full article

October 24, 2020

Business Operations - Tech Stack Details

Saturday, October 24, 2020 Teklinks No comments

We use Avalara to automate and manage all of our sales tax compliance obligations. Bizible is our marketing attribution software that allows for connecting marketing and sales touch points over a prospects or customers lifecycle directly to revenue.

Full article

October 23, 2020

What’s New in Webpack 5

Friday, October 23, 2020 Teklinks No comments

The fifth major webpack release was released yesterday. Almost two years since the last major release (4), this release brings a lot of changes to the most used module bundler in the JavaScript ecosystem.

Full article

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