tech/webdev magazine

November 29, 2020

The Ultimate Guide to Electron with React

Sunday, November 29, 2020 Teklinks No comments

Towards the end of the article, we have a surprise for you! Electron is a robust multi-process-architecture framework that runs on the chromium engine. It ensures that the heavy I/O and CPU-bound operations are put onto the new threads that would avoid blocking the UI(main process).

Full article

November 26, 2020

Semantic versioning in npm

Thursday, November 26, 2020 Teklinks No comments

Semantic versioning is such an important thing that, every developer need to understand it whether you are a Nodejs, Reactjs or Angularjs developer. It’s also one of the frequently asked interview question.

Full article

November 24, 2020

Announcing TypeScript 4.1

Tuesday, November 24, 2020 Teklinks No comments

Today we’re proud to release TypeScript 4.1! If you’re unfamiliar with TypeScript, it’s a language that builds on JavaScript by adding syntax for type declarations and annotations.

Full article

November 23, 2020

Handling Static Forms, Auth & Serverless Functions with Gatsby on Netlify

Monday, November 23, 2020 Teklinks No comments

I've been working in web development for a long time. How long? If I remember right, I set up my first web server while avoiding dinosaurs. While my memory is a bit hazy, I can distinctly remember that a task early in my career was building form processing CGI scripts for clients. Technology has come a long way since my humble beginnings.

Full article

November 21, 2020

7 Trending TypeScript Projects on GitHub

Saturday, November 21, 2020 Teklinks No comments

Here are some trending TypeScript projects that can make life easier for you. Storybook is a development environment (sandbox) for UI components. It allows developers to look through an extensive catalogue of components in which they can test and analyze it’s different states.

Full article

November 19, 2020

10 React security best practices

Thursday, November 19, 2020 Teklinks No comments

Looking for the best ways to secure your React app? Then you’ve come to the right place! I created this checklist of React security best practices to help you and your team find and fix security issues in your React applications.

Full article

November 18, 2020

All Technical Debt is Credit Card Debt

Wednesday, November 18, 2020 Teklinks No comments

When you find yourself in the position of trying to persuade someone who doesn't share your life experiences, you may reach for a common metaphor. This metaphor becomes something that you can use to create a frame of reference...a set of facts that are independent from the actual facts because the actual facts are too complex or obscure to communicate.

Full article

Measuring Core Web Vitals with Sentry

Wednesday, November 18, 2020 Teklinks No comments

I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make stuff smaller! And while those are all very related to web performance, they are abstractly related.

Full article

November 16, 2020

Version 11 of Angular Now Available

Monday, November 16, 2020 Teklinks No comments

Welcome to the Angular version 11 release. Version 11.0.0 is here and we’ve got some great updates for Angular developers everywhere. This release has updates across the platform including the framework, the CLI and components. Let’s dive in!

Full article

em, rem, and px

Monday, November 16, 2020 Teklinks No comments

A quick note on the basic CSS units. After reading this article, you will thoroughly understand these three knights of the internet! Pixels, EM’S, and REM’S are pretty popular in the CSS world, but it’s often confused and mistaken with one another.

Full article

November 15, 2020

useEffect vs useLayoutEffect

Sunday, November 15, 2020 Teklinks No comments

Both of these can be used to do basically the same thing, but some are more optimal than others. So here are some rules for you to consider when deciding which of these React Hooks to use. 99% of the time this is what you want to use.

Full article

Useful Custom Hooks for Tired React Devs

Sunday, November 15, 2020 Teklinks No comments

Writing React applications can get same-y. We often find ourselves going over the same patterns of defining the same component behavior over and over, and one can start to wonder how we can make these patterns more and more DRY. React Hooks are awesome.

Full article

November 14, 2020

November 13, 2020

Memoization and React

Friday, November 13, 2020 Teklinks No comments

Memoization has to do with caching. Here's a super simple implementation of memoization: The basic idea is: hang on to the input and their associated output and return that output again if called with the same input.

Full article

The Best 39 Development Tools

Friday, November 13, 2020 Teklinks No comments

In this article, we will review 39 of the best software development and programming tools, ranging from web development and interactive development to rapid application development. Jira is one of the best software management tools by Atlassian.

Full article

November 11, 2020

Service Workers in React

Wednesday, November 11, 2020 Teklinks No comments

React is a Javascript library for building user interfaces. It is component based and allows the developer to create user interfaces with much more simplicity than with regular vanilla Javascript. Want to read this story later? Save it in Journal.

Full article

How To Debug APIs With Postman

Wednesday, November 11, 2020 Teklinks No comments

Postman is a program and toolkit that makes working with, developing, and debugging remote API services easier. It provides a platform for creating, managing, and working with GET and POST requests. Postman describes itself as a “Platform for API Development.

Full article

November 10, 2020

Incremental Migrations

Tuesday, November 10, 2020 Teklinks No comments

Incremental migrations are excellent for updating large legacy projects - migrate a small piece at a time with lower risk then gradually do the rest. Incremental migration strategies for large legacy software systems include breaking down the system into smaller components that can be selectively and individually replaced.

Full article

Understanding Modules and Import and Export Statements in JavaScript

Tuesday, November 10, 2020 Teklinks No comments

In the early days of the Web, websites consisted primarily of HTML and CSS. If any JavaScript loaded into a page at all, it was usually in the form of small snippets that provided effects and interactivity. As a result, JavaScript programs were often written entirely in one file and loaded into a script tag. A developer could break the JavaScript up into multiple files, but all variables and functions would still be added to the global scope.

Full article

✨ React 17 and React Scripts 4 | A Walkthrough

Tuesday, November 10, 2020 Teklinks No comments

👋 Hello Developers This post covers how you can update your app to use React 17. And what do you get from using React 17 and React Scripts 4 So React 17 and React Scripts 4 are successfully released. Actually React 17 was released with no new features.

Full article

November 7, 2020

November 6, 2020

Tailwind versus BEM

Friday, November 06, 2020 Teklinks No comments

Spoilers! Like with so many things, the answer is “it depends.” How come? Read on. Tailwind and BEM are two approaches to writing and maintaining CSS. Comparing them is a bit like comparing apples and oranges, in that while they’re separate, they’re still fruit.

Full article

If not SPAs, What?

Friday, November 06, 2020 Teklinks No comments

A few months ago, I wrote an article about how the SPA pattern has failed to simplify web development. The SPA pattern (Single-Page Apps), I tried to define, was about the React model, which also covers, to a large extent, the model of Vue, Angular, and other frontend frameworks.

Full article

November 4, 2020

November 2, 2020

Protected routes and authentication with React Router v5

Monday, November 02, 2020 Teklinks No comments

Often times when building a web app, you’ll need to protect certain routes in your application from users who don’t have the proper authentication. Though React Router doesn’t provide any functionality for this out of the box, because it was built with composability in mind, adding it is fairly straight forward.

Full article

November 1, 2020

A Primer on the Different Types of Browser Storage

Sunday, November 01, 2020 Teklinks No comments

In back-end development, storage is a common part of the job. Application data is stored in databases, files in object storage, transient data in caches… there are seemingly endless possibilities for storing any sort of data. But data storage isn’t limited only to the back end. The front end (the browser) is equipped with many options to store data as well. We can boost our application performance, save user preferences, keep the application state across multiple sessions, or even different computers, by utilizing this storage.

Full article