Web 3.0: A Developer Roadmap, Guide, and Resources to Get Started

Blockchains are still prominent, and the industry is in desperate need of engineers right now. It's not just a lucrative field to work in, but it's also a fascinating one. You'll need to be dedicated to your learning if you want to be a part of it and advance your career as a Web 3.0 developer.

Full article

Read More

Welcome to Fleet!

For years folks have been asking us, “JetBrains, when will you create a lightweight editor?” Well, today we’re extremely happy to announce Fleet, a lightweight editor but with a twist! When you first launch Fleet, it starts up as a full-fledged editor that provides syntax highlighting, simple code completion, and all the things you’d expect from an editor. But wait, there’s more!

Full article

Read More

Are You Ready for a Leadership Position?

I have worked with some excellent managers, people who were not only good at what they did, but also had great leadership potential. Sadly though, these managers didn’t invest in their own growth.

Full article

Read More

Reframing tech debt

Tech debt—the two words engineers loathe more than deploying a “quick fix” on a Friday and product owners fear more than missing an OKR deadline. Often, tech debt results from taking too many technical shortcuts when building out features.

Full article

Read More

Using Next.js and Auth0 with Supabase

In this article, we are going to explore using Next.js, Auth0, and Supabase to build a classic Todo app. Each user will only be able to see their own todos, so we will need to implement authentication, authorization, and a database. The final version of the Todo app code can be found here.

Full article

Read More

These are the teamwork skills you need to fast-track your career

Whether you’re young and keen to make a name for yourself, or mid-career and looking to build up those “soft skills”, these are the areas to focus on. If you’ve been anywhere near a college classroom recently (or, ever) the idea of teamwork brings up nightmarish memories of group projects.

Full article

Read More

Should You Replace Old Custom Software with New Custom Software?

In the last 50 years, a lot of software has become vital to the operation of our businesses and organizations, even as technology has continued to evolve. Hardware and coding platforms and languages have fallen in and out of style, continuously replaced by newer, faster, easier, better ways of doing things. However, new custom software done right is a big investment.

Full article

Read More

React Testing Techniques

If you’ve read lots of documentation on React testing tools, but still don’t have the confidence in testing your apps, this article is for you. I will show you how to test effectively using a realistic application instead of disconnected examples typically found in documentation.

Full article

Read More

Announcing TypeScript 4.5

Today we’re excited to announce the release of TypeScript 4.5! If you’re not yet familiar with TypeScript, it’s a language that builds on JavaScript by adding statically checked types.

Full article

Read More

This Is My 10 Questions React Code Reviewing Routine

No matter what kind of developer you are, reviewing is part of your daily responsibilities when working in an engineering team. Being a React developer is no exception to this rule.

Full article

Read More

React Router 6 Tutorial

A React tutorial which teaches you how to use React Router 6. In order to get you started, create a new React project (e.g. create-react-app). Afterward, install React Router by following the official instructions from their documentation.

Full article

Read More

Code Quality Automation: What’s Around the Corner?

Establishing code quality practices is essential for any software development team. However, it’s a time-consuming and repetitive task unless we leverage tools to automate the process.

Full article

Read More

Useful React Hooks That You Can Use In Your Projects

React class-based components are messy, confusing, hard for humans and machines. But before React 16.8, class-based components were mandatory for any projects that require states, life-cycle methods, and many other important functionalities.

Full article

Read More

Code Review: A Comprehensive Checklist

This blog post will explain what a code review is, why you should implement code reviews, how you can prepare for one, and how to give actionable feedback. A code review is a helpful tool for teams to improve code quality besides many other benefits to reviewing code.

Full article

Read More

6 Tools and Techniques to Analyze Webpack Bundle Size

JavaScript is heavily used in modern web development. And we use tools like Webpack to bundle the code to run in the browser. However, the increase in bundle size poses a common challenge for developers affecting application performance.

Full article

Read More

You can use React Query for slow computation, not just API

Getting a whole company onto a new way of writing the API layer is hard and there's real work to do. React Query offers the perfect middle ground. Keep the RESTful API you're used to, get the request deduping, data caching, loading states, re-fetching, and hooks ergonomics you dream of. 😍

Full article

Read More

Open-sourcing of protein-structure software is already paying off

It is now relatively trivial to determine the order of amino acids in a protein. Figuring out how that order translates to a complicated three-dimensional structure that performs a specific function, however, is extremely challenging.

Full article

Read More

"bulletproof-react" is a hidden treasure of React best practices!

The GitHub repository "bulletproof-react", which is published as an example of React application architecture, is very informative and I will share it with my own views. First, you can learn about the directory structure, which tends to vary from project to project.

Full article

Read More

Common React Hooks Mistakes You Should Avoid

React Hook feature was first introduced on React 16.8 update and became immensely popular among developers due to its capabilities. It allows you to hook into React state and lifecycle features. And, sometimes, it could be challenging when using it for advanced use cases.

Full article

Read More

GitHub Copilot: Intro, Benefits and Examples

Recently I've been invited to the GitHub Copilot technical preview, and I can tell you it deserves all the attention it's getting! So first things first..

Full article

Read More

A Simple But Effective Mental Health Routine For Programmers

12 min read Inspiration, Workflow, Mental Health Share on Twitter, LinkedIn Smart Interface Design Patterns Deep-dive on Accessibility Testing Build in-demand skills like UX, UI and HCI — Northwestern online MS in Info.

Full article

Read More

Speed up your TypeScript monorepo with esbuild

TypeScript monorepos are a great way to organize medium-to-big size projects. TypeScript improves the developer experience by adding type-checking and a deep IDE integration. And using a monorepo helps in scaling your project(s).

Full article

Read More

The strong and weak forces of architecture

Good technical design decisions are very dependent on context. Teams that regularly work together on common goals are able to communicate regularly and negotiate changes quickly.

Full article

Read More

Understanding Webpack’s Code Splitting Feature

The main purpose of Webpack is to prepare your JavaScript files so that they can be consumed by the browser. It does so by scanning your JavaScript code from an entry point (usually the index.js file) and then following the import statements that are written in that entry point.

Full article

Read More

Get Started With Apollo Server In Typescript

Apollo server is a GraphQL server quick and easy to setup. In today’s post, we will look at how we can kick start a new Apollo server with a simple graph in Typescript. Then we can install apollo-server and graphql dependencies.

Full article

Read More

Improving Pull Request Confidence for the Netflix TV App

The Netflix TV app is used across millions of smart TVs, streaming media players, gaming consoles, and set-top boxes worldwide. As the team that focuses on developer productivity for the org, our role is to enable the engineers that develop, innovate on, and test this app to be more productive.

Full article

Read More

Building the Next Evolution of Cloud Networks at Slack – A Retrospective

About a year ago, I wrote a blog post called Building the Next Evolution of Cloud Networks at Slack. In it, we discussed how Slack’s AWS infrastructure has evolved over the years and the pain points that drove us to spin up a brand-new network architecture redesign project called Whitecastle.

Full article

Read More

Optimizing Next.js Applications With Nx

Nx is a build framework that facilitates optimization, efficient scaling of applications, and other features such as shared libraries and components. In this article, we will be looking at how we can effectively scale Next.js applications by using Nx.

Full article

Read More

When Small Teams Are the Right Choice for a Software Project

Over the past couple of years, Atomic has added larger clients to its portfolio. Large clients bring with them long-running projects, bigger budgets, and a track record of consistent, on-time payments. They are ideal when you are growing an office beyond 20 team members.

Full article

Read More

A Guide to Progressive Web Applications

Every business has a website or native mobile app, or even both. However, websites are limited in functionality, and native app development requires significant investment. So, where is the golden mean? The answer is progressive web apps (PWA).

Full article

Read More

6 Concrete Tips That Will Make Your React Pull Requests Easier To Review

Reviewing is a core process in software development and can be one of the most valuable aspects for an engineering team. If it’s done correctly, it can have a significant positive impact on the team’s communication, quality of the codebase, and the stability of the features put out by the engineering team.

Full article

Read More

We've been lied to: JavaScript is very fast

JavaScript has been carrying a stigma of being 'slow' for many years now. Early implementations were slow (particularly in the Internet Explorer era). Google Chrome, having been a powerhouse of performance upon release in 2008, has dramatically increased its performance again over the last 13 years.

Full article

Read More

Why Tailwind CSS

I'm not a Tailwind shill. I'm a Guo Lai Ren - someone who has changed their mind on it recently and am a happy user despite acknowledged tradeoffs. "Crossover people" can often be more persuasive to skeptics than born-and-bred believers.

Full article

Read More

What's new in PageSpeed Insights

Learn about the latest in PageSpeed Insights to help you better measure and optimize your page and site quality. Over the years, PageSpeed Insights (PSI) has evolved into a one-stop source for both field and lab data.

Full article

Read More

Comparing Three-Layered and Clean Architecture for Web Development

In this article, I would like to compare classic three-layer architecture and Clean Architecture. I will try to answer the following questions: I would like to point out at the outset that three-layer architecture is often confused with three-tier or n-tier architecture.

Full article

Read More

Angular v13 is now Available

We’re back with the brand new release of Angular v13 to share with all of you! This latest release brings all sorts of updates and features to help your teams build great apps. Get Angular v13 now by running ng updatein your project. We also have an update guide available at update.angular.

Full article

Read More

10 GitHub Actions resources to bookmark from the basics to CI/CD

From automating workflows to ordering pizza to building cloud pipelines, GitHub Actions can do a lot. Introduced in 2018, GitHub Actions offers powerful workflow automation and CI/CD functionality that’s platform-native and accessible right from your repository on GitHub.

Full article

Read More

Get Rid Of Technical Debt In 10 VS Code Extensions

The best engineering teams I've talked to use the right tools to continuously refactor code, improve their codebase communication, and address technical debt.

Full article

Read More

Top 5 React Hook Libraries

React Hooks were introduced with React 16.8 update. Ever since, it has become an essential feature in React applications. React Hooks are used to hook into the React States and lifecycle features.

Full article

Read More

Why SOLID principles are still the foundation for modern software architecture

The SOLID principles are a time-tested rubric for creating quality software. But in a world of multi-paradigm programming and cloud computing, do they still stack up? I’m going to explore what SOLID stands for (literally and figuratively), explain why it still makes sense, and share some examples of how it can be adapted for modern computing.

Full article

Read More

How to Customize Styles in Material UI Components

In my current web app development project, my team has been using Material UI to develop UI components. Material UI proved to be an extremely useful library for React projects. It provides thoughtfully designed ready-to-use components for common use cases.

Full article

Read More

5 diagrams that show how context switching can sap your productivity

Ever finish a workweek in a state of total exhaustion but you weren’t sure why? You had your usual amount of sleep. You didn’t work any extra hours. You didn’t even experience more stress than usual. But for some reason, by Friday afternoon, you’re ready to go to bed and not get up until Sunday. One possible explanation is that your context-switching tax was too high throughout the week.

Full article

Read More

How to Use Empathy When Reading Others' Code

Many times, I’ve read through someone else’s code while raging internally. There are also plenty of times where I was reading code and having mean thoughts before I realized the code was my own. I realized I wouldn’t want anyone voicing these thoughts about my code.

Full article

Read More

5 Methods to Reduce JavaScript Bundle Size

Today, we use JavaScript heavily in web development, and we can find many applications with large bundle sizes. However, beyond a certain limit, it starts to affect the application performance.

Full article

Read More

How to Create a Stocks Watchlist on Google Finance

If you’re curious about the stock market or are an investor yourself, you know how volatile the market can be. Since most of us aren't experienced stock traders, you might want a simple and convenient way to track your investments and the news that affect them.

Full article

Read More