tech/webdev magazine

December 30, 2021

7 things you may not know about useState

Thursday, December 30, 2021 Teklinks

Doing code reviews for our hook-based project, I often see fellow developers not aware of some awesome features (and nasty pitfalls) useState offers. Since it’s one of my favourite hooks, I decided to help spread a word.

Full article

December 29, 2021

What Is Prometheus and Why Is It So Popular?

Wednesday, December 29, 2021 Teklinks

Prometheus is an open-source monitoring solution for collecting and aggregating metrics as time series data. Put more simply, each item in a Prometheus store is a metric event accompanied by the timestamp it occurred.

Full article

50 Cognitive Biases in the Modern World

Wednesday, December 29, 2021 Teklinks

Cognitive biases are widely accepted as something that makes us human. Every day, systematic errors in our thought process impact the way we live and work. But in a world where everything we do is changing rapidly—from the way we store information to the way we watch TV—what really classifies as rational thinking?

Full article

December 28, 2021

9 Popular React UI Component Libraries for Beginners in 2022

Tuesday, December 28, 2021 Teklinks

This article talks about some of the most popular React-based UI component libraries, primarily written for beginner React developers. Did you know that according to the survey, 40.14 percent of respondents reported using React.JS, while 34.43 percent were using jQuery? Needless to say, React.

Full article

An Atomic Accelerator Recruiting Retrospective for 2021

Tuesday, December 28, 2021 Teklinks

Over the past few months, I spent the majority of my time working to recruit college students to the next Accelerator cohort for our Ann Arbor office. This was my third go-round recruiting since starting at Atomic Object. Each year so far has brought its own unique challenges.

Full article

December 27, 2021

How to Handle Hypergrowth in a Remote World

Monday, December 27, 2021 Teklinks

Grammarly has a simple but ambitious mission: to improve lives by improving communication. Every day, our AI-powered writing assistance helps 30,000 teams and 30 million people communicate clearly and effectively wherever they write. But behind our technology is a team of engineers.

Full article

December 26, 2021

26 GitHub Open Sources For Learning Programming

Sunday, December 26, 2021 Teklinks

In today’s article, I will introduce you to some completely free programming learning websites on GitHub for website design and development. It is a place to aggregate code snippets to help you solve common problems encountered in the process of implementing code into your project.

Full article

December 25, 2021

Build a DApp on Avalanche: A complete guide

Saturday, December 25, 2021 Teklinks

The growing adoption of Web3 has led to a mad scramble of who can build the fastest, most secure blockchain without compromising on decentralization. Ethereum is currently the most popular blockchain, with the largest number of developers building for it.

Full article

40 Tips on How to Run a Productive Virtual Meeting

Saturday, December 25, 2021 Teklinks

Have you ever attended a meeting that felt like it would never end? Small-talk, vague allusions, and a lack of direction leave many teams floundering in the meeting's wake—an hour wasted, and all of us are to blame.

Full article

December 23, 2021

Code Reviews 🔍

Thursday, December 23, 2021 Teklinks

Shipping fast and often is the #1 element shared by top performing engineering teams. Elite teams release multiple times a day, and it takes less than one hour to go from code committed to code successfully running in production.

Full article

Build a component library with React and TypeScript

Thursday, December 23, 2021 Teklinks

React is still the most famous frontend library in the web developer community. When Meta (previously Facebook) open-sourced React in late 2013, it made a huge impact on single page applications (SPAs) by introducing concepts like the virtual DOM, breaking the UI into components, and immutability.

Full article

Writing clean JavaScript tests with the BASIC principles

Thursday, December 23, 2021 Teklinks

Production code, the main code where the features live, might not be perfect. That’s a risk or a debt that teams manage in multiple ways. For testing code, the risk is much more dramatic — It can be abandoned altogether. Vanish, gone, not doing anything anymore.

Full article

December 22, 2021

HTTP/3 From A To Z: Core Concepts (Part 1)

Wednesday, December 22, 2021 Teklinks

After almost five years in development, the new HTTP/3 protocol is nearing its final form. Earlier iterations were already available as an experimental feature, but you can expect the availability and use of HTTP/3 proper to ramp up over in 2021. So what exactly is HTTP/3? Why was it needed so soon after HTTP/2? How can or should you use it? And especially, how does it improve web performance? Let’s find out.

Full article

December 21, 2021

December 20, 2021

Improving Core Web Vitals, A Smashing Magazine Case Study

Monday, December 20, 2021 Teklinks

“Why are my Core Web Vitals failing?” Many developers have been asking themselves that question lately. Sometimes it’s easy enough to find the answer to that question and the site just needs to invest in performance. Sometimes though, it’s a little trickier and, despite thinking your site was great on the performance for some reason it still fails.

Full article

December 19, 2021

How to Identify and Overcome Mental Blocks: 6 Ways

Sunday, December 19, 2021 Teklinks

Have you ever felt stuck in your head and unable to get anything done? There's nothing wrong with you. You are probably experiencing a mental block. Mental blocks happen at the most inconvenient times. It doesn't matter who you are or what you do, as it could happen to anyone.

Full article

5 automations every developer should be running

Sunday, December 19, 2021 Teklinks

TL;DR: For any developer looking to avoid security vulnerabilities, buttons that don’t work, slow site speeds, or manually writing release notes this is for you. As developers, we get a bad rap for not writing tests—or automations for that matter—as much as we should.

Full article

The True Meaning of Technical Debt 💸

Sunday, December 19, 2021 Teklinks

Last week I came across this old article by Rands about managementese. It’s a great essay on communication — and how, in the workplace, communication naturally optimizes for clarity and speed.

Full article

December 18, 2021

How to Rehabilitate an Old React Webapp Built with Redux

Saturday, December 18, 2021 Teklinks

I've had the opportunity to rehabilitate a number of React-based web applications built with Redux in recent years. Like many codebases, these apps have their share of problems, but I've observed there are a few particularly common themes.

Full article

A powerful technique for making animations in React

Saturday, December 18, 2021 Teklinks

At Partoo, the user experience is one of the main focus areas. Rendering the content in an animated way makes the user journey more fluid and enjoyable. Recently, we implemented the real-time loading of new reviews animation.

Full article

Monolith to Event-Driven Microservices with Apache Kafka

Saturday, December 18, 2021 Teklinks

Event-Driven Architecture refer to rather old concept of Software Engineering that gained a lot of relevancy recently due to the need for innovation in enterprise system integration, especially when talking about ever-growing complexity in microservice setups.

Full article

December 15, 2021

December 14, 2021

Dependency injection in React

Tuesday, December 14, 2021 Teklinks

Dependency injection (DI) is a pattern where components necessary for your code to run are hot-swappable. This means that your dependencies are not hard-coded in your implementation and can change as your environment changes.

Full article

December 13, 2021

How to implement Singleton in TypeScript

Monday, December 13, 2021 Teklinks

In software engineering, the singleton pattern is a software design pattern that restricts the instantiation of a class to one “single” instance. This is useful when exactly one object is needed to coordinate actions across the system. The term comes from the mathematical concept of a singleton.

Full article

Facade Pattern in TypeScript

Monday, December 13, 2021 Teklinks

Sometimes you have a system that becomes quite complex over time as more features are added or modified. It may be useful to provide a simplified API over it. This is the Facade pattern.

Full article

Search Params with React Router 6

Monday, December 13, 2021 Teklinks

A React tutorial which teaches you how to use Search Params with React Router 6. The code for this React Router tutorial can be found over here. In order to get you started, create a new React project (e.g. create-react-app).

Full article

December 12, 2021

Do I really need a skilled Software Architect? Guide for CTOs

Sunday, December 12, 2021 Teklinks

Do you think of software development mostly as a collection of difficult issues to solve and deal with? Do you find that you can’t focus on the exciting part of the process like creating new features and business logic and really turning your wildest ideas into (digital) reality? One of the reason

Full article

Can You Refactor JavaScript Safely Without Test Coverage?

Sunday, December 12, 2021 Teklinks

Taking tiny steps using automated refactorings can help, but ideally, this method is combined with high test coverage. Let's discuss how and why that is. Introduction The conventional wisdom is that you should have good test coverage before refactoring your code.

Full article

December 10, 2021

Developer Burnout — Signs, Impact, and Prevention

Friday, December 10, 2021 Teklinks

What is burnout? Burnout is an increasingly widespread and destructive mental health challenge for knowledge workers across professions and industries. Left unchecked, it is a silent killer of productivity, happiness, and team success.

Full article

Building a web3 frontend with React

Friday, December 10, 2021 Teklinks

In a previous tutorial, we covered how to create and deploy an NFT collectible smart contract from scratch. We also explored how to verify our contract on etherscan and enable yourself as well as your users to call functions directly from the contract’s etherscan page.

Full article

December 9, 2021

React Server Components and Remix

Thursday, December 09, 2021 Teklinks

What about React Server Components? Great question! Like many of you, we've been experimenting with React Suspense since it was first announced in 2018. In fact, the early versions of Remix used it.

Full article

December 8, 2021

Advent Calendars For Web Designers And Developers (December 2021 Edition)

Wednesday, December 08, 2021 Teklinks

Are you ready for the countdown to Christmas? From festive icon sets to advent calendars that are bound to sweeten your days with a delightful little surprise each morning, we’ve decided to join in on this lovely annual tradition and bring it all to one place. So prepare yourself a nice cup of coffee and get cozy — there’s always something new to learn and discover!

Full article

December 7, 2021

Document Your Process to Teach and Learn a New Task Well

Tuesday, December 07, 2021 Teklinks

“Give a Shit” has always been my favorite Atomic value, but “Teach and Learn” is a big part of my everyday work life, too. As the newest member of Atomic’s marketing team, I’ve learned a lot over the past year (and taught a little, too).

Full article

Winston Logger With Typescript

Tuesday, December 07, 2021 Teklinks

Winston logger is one of the most popular logger for node application. In today’s post we will look at how we can configure and use Winston.

Full article

Front-end monitoring with Sentry.io and React

Tuesday, December 07, 2021 Teklinks

In this article, let’s take a closer look at front-end monitoring: what it is, why it is important, and we can get started integrating it using Sentry. Simply put, front-end monitoring is the set of processes and tools used to track the performance of a website or app.

Full article

December 5, 2021

Advanced Javascript Design Patterns

Sunday, December 05, 2021 Teklinks

I have covered here 20+ design patterns explanations in javascript. We will be discussing all these design patterns using Javascript es6 classes. I am a react.js developer at DhiWise, which is a ProCode platform that helps you build clean, scalable, and customizable Node.js, Kotlin and React code.

Full article

7 Signs of a Senior Developer

Sunday, December 05, 2021 Teklinks

If you have begun your engineering career as a fresh graduate, you probably wonder what steps you need to take to advance. Will, it simply take time? Do you have to return to school or get a certification? Well, to answer these questions, I would have to say it depends on the circumstance.

Full article

How to Tell Your Boss You're Quitting

Sunday, December 05, 2021 Teklinks

There are all sorts of reasons to leave a job. Maybe you’ve found a new and exciting company you want to work for. Maybe your dream role has just opened up somewhere else. Maybe you want to switch fields or careers. Maybe you’re leaving the country. Maybe you’re burnt out and need a break.

Full article

December 1, 2021

Why I Love Remix

Wednesday, December 01, 2021 Teklinks

kentcdodds.com is completely custom built by me (and team) using Remix. After writing tens of thousands of lines of code using this framework, I have developed a great appreciation for what this framework can do for me and the users of my site. I want to tell you about some of it.

Full article

How to Create and Publish a React Component Library

Wednesday, December 01, 2021 Teklinks

If you are interested in a video version of this tutorial, check out the link below! You can follow along with the code in this blog. This tutorial will take you through the process of creating and publishing your own custom React component library and hosting it on Github.

Full article