tech/webdev magazine

November 29, 2020

The Ultimate Guide to Electron with React

Sunday, November 29, 2020 Teklinks

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

React Router with a single config file

Thursday, November 26, 2020 Teklinks

Having Route components organized into a single config file may seem to be a good idea for a large project. This guide will help you to find out how to do it using react-router-dom.

Full article

Semantic versioning in npm

Thursday, November 26, 2020 Teklinks

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

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

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

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

Story of how I built my Portfolio and Blog using DEV.to and NextJS

Saturday, November 21, 2020 Teklinks

I've always wanted to build my very own portfolio website and blog. After many years of laziness..😋, finally, I mean, FINALLY I've done it..🎉 I have built my own website dineshbalaji.in..✨ Please do check out the website and let me know your thoughts in the comments..🙏

Full article

Stadia cloud gaming service by Google will arrive on iOS via Safari

Saturday, November 21, 2020 Teklinks

Recently, Google has announced that its cloud gaming service Stadia will be arriving on iOS devices in the coming weeks through an imminent web app. Since its launch last year, Google was not able to bring Stadia to iOS devices because of Apple’s limitations of cloud gaming services.

Full article

November 19, 2020

10 React security best practices

Thursday, November 19, 2020 Teklinks

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

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

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

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

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

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

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

How to Organize a Large React Application and Make It Scale

Saturday, November 14, 2020 Teklinks

This article is by guest author Jack Franklin. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the Web community. In this article, I’ll discuss the approach I take when building and structuring large React applications.

Full article

November 13, 2020

Memoization and React

Friday, November 13, 2020 Teklinks

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

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

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

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

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

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

👋 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

Compare Multiple Projects With This GitHub Stats Tool

Saturday, November 07, 2020 Teklinks

In this article, check out how to compare multiple projects with the GitHub Stats tool. If you have project code hosted on GitHub, chances are you might be interested in checking some numbers and stats such as stars, commits, and pull requests.

Full article

Time-Traveling State With Reactime 6.0

Saturday, November 07, 2020 Teklinks

State management is a crucial part of developing efficient and performant React applications. Developers know that managing state can become unmanageable as an application scales.

Full article

November 6, 2020

Tailwind versus BEM

Friday, November 06, 2020 Teklinks

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

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

How to deploy only changed packages in a Lerna Monorepo

Wednesday, November 04, 2020 Teklinks

There are a lot of discussions about pros and cons of using Monorepos, in this article I will not discuss that but I will explain how I solved, together with my colleagues, the problem about deploying packages contained in a monorepo.

Full article

5 Reasons to Use TypeScript with React

Wednesday, November 04, 2020 Teklinks

TypeScript is a superset of JavaScript which primarily provides optional static typing, classes, and interfaces. Over the past few years, TypeScript has gain immense popularity among frontend developers.

Full article

November 2, 2020

Protected routes and authentication with React Router v5

Monday, November 02, 2020 Teklinks

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

The Raspberry Pi 400 is a $70 keyboard that's also a computer

Monday, November 02, 2020 Teklinks

In the eight and a bit years since the first model launched, the Raspberry Pi has traditionally been sold as a modular computer. You buy the board separately, attach your own peripherals, insert an SD card and then get to work on your own computing project.

Full article

November 1, 2020

A Primer on the Different Types of Browser Storage

Sunday, November 01, 2020 Teklinks

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

Angular Push Pipe, Tutorial, Usage, Performance, Zone Less

Sunday, November 01, 2020 Teklinks

If you missed part 1 you should start reading it first as they depend on each other. The main idea behind the push pipe is a new way of handling change detection. If all values are transported over Observables we know exactly when a value changes and could trigger the change detection.

Full article