7 things you may not know about useState

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

Read More

What Is Prometheus and Why Is It So Popular?

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

Read More

50 Cognitive Biases in the Modern World

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

Read More

Learn Responsive Web Design by Building 20 Projects

We just published a significant overhaul of our Responsive Web Design Certification (the first of freeCodeCamp's 10 currently-live certifications). We also updated our code editor.

Full article

Read More

Billing Management For Your Next SaaS Idea Using Stripe And Azure Functions

In every software-as-a-service solution, user billing and payments are key aspects in the sale of services rendered. Let’s learn about Stripe and how the REST API can be programmatically used in serverless functions to manage the billing for an application.

Full article

Read More

9 Popular React UI Component Libraries for Beginners in 2022

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

Read More

An Atomic Accelerator Recruiting Retrospective for 2021

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

Read More

Speed Up Development by Replacing Webpack with Vite

Are you missing out on blazing-fast development server start-up and hot module replacement (HMR)? Maybe you should consider Vite. Recently, I participated in a Hackathon with a handful of my fellow Atoms.

Full article

Read More

How to Handle Hypergrowth in a Remote World

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

Read More

26 GitHub Open Sources For Learning Programming

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

Read More

Build a DApp on Avalanche: A complete guide

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

Read More

40 Tips on How to Run a Productive Virtual Meeting

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

Read More

Code Reviews 🔍

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

Read More

Build a component library with React and TypeScript

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

Read More

Writing clean JavaScript tests with the BASIC principles

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

Read More

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

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

Read More

Running End to End Cypress in a Google Cloud Build Pipeline

So far, the focus of our series on adding end-to-end Cypress to a web app has been on getting tests running locally. In this post, we’ll walk through how we got those tests running in a Google Cloud Build test pipeline.

Full article

Read More

How to leverage security frameworks and libraries for secure code

This is part three of GitHub Security Lab’s series on the OWASP Top 10 Proactive Controls, where I provide practical guidance for OSS developers and maintainers on improving your security posture.

Full article

Read More

The 100 Most Transparent Tech Companies of 2021

The importance of transparency in an organization cannot be overstated. Transparency builds trust and attracts better talent. It can also increase employee retention and bring in loyal new users.

Full article

Read More

Improving Core Web Vitals, A Smashing Magazine Case Study

“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

Read More

How to Identify and Overcome Mental Blocks: 6 Ways

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

Read More

5 automations every developer should be running

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

Read More

The True Meaning of Technical Debt 💸

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

Read More

How to Rehabilitate an Old React Webapp Built with Redux

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

Read More

A powerful technique for making animations in React

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

Read More

Monolith to Event-Driven Microservices with Apache Kafka

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

Read More

Blockchain, Cryptocurrency, NFTs, DAOs, and the Metaverse

Web3: is it just a passing trend, or could this be the future of internet infrastructure? Whether you're a true believer or a salty skeptic, you can't deny that the tech has already made a big impact.

Full article

Read More

Dependency injection in React

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

Read More

Deploying Next Gen Serverless Functions with WebAssembly and Module Federation

Because WebAssembly (WASM) is an alternative to containers, offers more protection from untrusted code than OS-level isolation, is distributed in an intermediate format that is a compilation target for most popular languages, and achieves near native speeds, it is an ideal choice for a serverless ru

Full article

Read More

How to implement Singleton in TypeScript

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

Read More

Facade Pattern in TypeScript

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

Read More

Search Params with React Router 6

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

Read More

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

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

Read More

Can You Refactor JavaScript Safely Without Test Coverage?

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

Read More

Developer Burnout — Signs, Impact, and Prevention

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

Read More

Building a web3 frontend with React

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

Read More

React Server Components and Remix

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

Read More

Securely Erase Hard Drives in 6 Easy Steps with nwipe

Recently, I had a drive failure on my ZFS pool. Thankfully no data was lost because I am using two parity drives. The drive is still under warranty, and I will be sending it back to the manufacturer for replacement.

Full article

Read More

In Defense of Clean Code: 100+ pieces of timeless advice from Uncle Bob

Clean Code by Robert C. Martin is the most recommended programming book of all time. Search any list of “top books for software engineers,” and you are almost guaranteed to find this book on the list.

Full article

Read More

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

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

Read More

Document Your Process to Teach and Learn a New Task Well

“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

Read More

Winston Logger With Typescript

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

Read More

Front-end monitoring with Sentry.io and React

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

Read More

Advanced Javascript Design Patterns

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

Read More

7 Signs of a Senior Developer

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

Read More

How to Tell Your Boss You're Quitting

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

Read More

How I Review Code Submissions for Developer Applicants

I frequently review code submissions for developer applicants, specifically for the Ann Arbor office. Consider this inside information if you, the reader, ever decide to apply to Atomic Object, particularly this office.

Full article

Read More

Why I Love Remix

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

Read More

How to Create and Publish a React Component Library

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

Read More