How To Benchmark And Improve Web Vitals With Real User Metrics

Web Vitals are the new gold standard in performance due to their direct correlation with the user’s experience. In this article, you’ll learn what monitoring can do and how RayGun can help you sustain performance maintenance while scaling your app.

Full article

Read More

Use Github’s Saved Replies to Supercharge Your Code Reviews

I love reviewing pull requests. I think this might be the single most valuable thing you can do on a project. Any book you could buy off the shelf of your local bookstore has gone through a rigorous editing process before it saw print.

Full article

Read More

How to Run Chrome OS Flex on Your PC or Mac

Google’s new operating system, Chrome OS Flex, is available as a developer release. It’ll run on almost any computer — probably even the dinosaur sitting in your garage. Find out how you can try it now. Chrome OS Flex is a version of Chrome OS designed for business and education settings.

Full article

Read More

macOS Tools and Apps for Development in 2022

For along of my dev career I tried to ease my every day routine. I tried lots of tools and apps, different approaches that I found in numerous articles and sources. Not all of them were really useful. Some of them made my routine even more time consuming.

Full article

Read More

Deploy React App on GitHub Pages Automatically

We all have static websites such as wikis, documentation sites, or resumes, and what we need is a free place to host them. To this end, GitHub Pages appears to be an ideal option, because It provides free hosting for static sites.

Full article

Read More

Work estimates must account for friction

Manager Shannon: “Jamie, I know you’re doing the usability assessments on the Canary project right now. Several other projects are also interested in usability assessments. How much time do you spend on that?”

Full article

Read More

JavaScript to Know for React

Kent C. Dodds is a JavaScript software engineer and teacher. He's Co-Founder and Director of Developer Experience at Remix! Kent's taught hundreds of thousands of people how to make the world a better place with quality software development tools and practices.

Full article

Read More

Bring it, Beginners! How to Embrace Being New at Anything

A little over a year ago, I jumped headfirst into an entirely new role at work. As in a 180-degree pivot. The learning curve’s still steep, but I’ve found the opportunities to grow invaluable. Whether it’s learning to read or a new role at work, we’ve all been there: beginners at something.

Full article

Read More

Choosing the right component library for your design system: MUI vs Chakra

Design systems can be very complex, or very simple depending on the needs of an organization. At the center of every design system though, is a component library. The goal of this project is to choose which component library is the best fit for Udacity’s next generation design system.

Full article

Read More

Google turns old Macs, PCs into Chromebooks with Chrome OS Flex

Whether you have an aging Windows PC in the classroom or a dated Mac in your home office that can't handle macOS 12 Monterey, Google wants to turn it into a Chromebook.

Full article

Read More

Inside look at modern web browser (part 1)

In this 4-part blog series, we’ll look inside the Chrome browser from high-level architecture to the specifics of the rendering pipeline. If you ever wondered how the browser turns your code into a functional website, or you are unsure why a specific technique is suggested for performance improvements, this series is for you.

Full article

Read More

Deep dive into React Native’s New Architecture

The React Native team has announced that the new architecture will be rolled out in 2022. Checkout their full blog here. Since the release is just around the corner, this is a good time to understand what changes are taking place under the hood and how they might affect your React Native App.

Full article

Read More

The React Beginner's Guide for 2022

If you're looking for answers to any of these questions (and more), this simple, comprehensive guide was made for you. It will give you everything you need to start learning and using React, without piecing together dozens of out-of-date beginner tutorials.

Full article

Read More

3 Ways to Build Goodwill With Your Software Client

The majority of Atomic’s clients are returning customers. They’ve either chosen to extend the period our team will continue work on a product, or we’ve built something for them, went away for a while, and then they re-engaged. Why?

Full article

Read More

Remix vs. Next.js: A Detailed Comparison

Next.js can be installed on any server that can run Node.js by running next build && next start.It has built-in support for running in serverless mode when deploying to Vercel, and the Netlify team has written an adaptor for serverless deployment to their service.

Full article

Read More

The Best Audio Player Library for React Native Apps

A music/audio player is an essential component in many entertainment-focused mobile apps. If you choose React Native to develop your Audio player, you might end up picking from one of two popular library options: React-Native-Track-Player (RN-Track-Player) and React-Native-Sound (RN-Sound).

Full article

Read More

Should I Stay or Should I Go? A Compass for Difficult Decisions

I can name a few times in my life when I wanted to leave town, quit, drop my major, break up, or stop talking to a friend who hurt me. We’ve all been there. Especially in this long, harsh drought we know as the pandemic, water seems to be anywhere but here.

Full article

Read More

Top 10 web hacking techniques of 2021

Welcome to the Top 10 (new) Web Hacking Techniques of 2021, the latest iteration of our annual community-powered effort to identify the most significant web security research released in the last year.

Full article

Read More

Move over JavaScript: Back-end languages are coming to the front-end

In the early days of networked computing, mainframes did all the heavy lifting: users connected to massive machines with video terminals that could do little more than send and receive text.

Full article

Read More

How to Solve Software Bugs with the Scientific Method

I don’t do creepy, crawly bugs, but software bugs are a different story. I relish the opportunity to hunt and kill particularly nasty software bugs. Here, I’ll share how I approach solving a bug.

Full article

Read More

Pure Functions in JS: Avoiding Unwanted Problems

Not all functions are created equal, that’s one of the first things you need to understand when learning how to code, and in particular this is true for JavaScript functions. For this article, I want to cover one type of function: pure functions.

Full article

Read More

How React server components work: an in-depth guide

React server components (RSC) is an exciting new feature that will have huge implications on page load performance, bundle size, and how we write React applications in the near future.

Full article

Read More

Push Notifications, WebXR, and better PWA support coming to iOS

Not every minor iOS version update includes changes in the Web platform. Still, iOS 15.4 will be an exception: we have 1) for the first time in 7 years, the appearance of Web Push for iOS (but wait for the fine print), 2) after three years of Web App Manifest support, we finally have support for the icons members, and 3) many new APIs such as WebXR (for virtual and augmented reality) are available.

Full article

Read More

Principles of technical documentation

The content of technical documentation needs to be correct, current, understandable and relevant. It needs to be maintainable, referenceable and use proper language. Furthermore, the whole documentation and its content need to be easy to find.

Full article

Read More

Mastering the art of forms in React

It made me realize there is confusion about forms in React, and honestly, a lot of React devs are making them much harder than they need to be. HTML5 added much needed functionality to forms. From new types like email, to regular expression pattern matching.

Full article

Read More

Building Infrastructure Platforms

Infrastructure Platform teams enable organisations to scale delivery by solving common product and non-functional requirements with resilient solutions. This allows other teams to focus on building their own things and releasing value for their users.

Full article

Read More

Why You Need An API Gateway To Manage Access To Your APIs

More and more organizations are moving to an API-driven architecture. This powerful approach helps them innovate quickly, integrate with best-of-breed external services, and deliver new services faster than ever before.

Full article

Read More

Psychological safety is critical for high-performing teams

Big launches and milestone achievements deserve to be celebrated. When organizations take time to recognize the hard work that went into the completion of a release or even a bite-sized milestone, this helps employees recharge and stay motivated.

Full article

Read More

Introducing Svelte, and Comparing Svelte with React and Vue

Let’s be honest: lots of things in web development are harder than they should be. Some days, it can seem as though everything in the frontend world is needlessly over-engineered and convoluted.

Full article

Read More

Lessons from a Tech Lead: Roles, responsibilities, and words of advice

I’ve been a tech lead for several years at a few different companies. Each role has been somewhat unique, and yet there have been commonalities between each experience.

Full article

Read More

React Router 6: Authentication

A React tutorial which teaches you how to use Authentication in React Router 6. The code for this React Router v6 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

What Makes a Good Job? Feeling Invested in the Company’s Success

For most of my life, I heard a similar message repeated over and over: “Work hard and you’ll get a good job.” I just accepted this as one of those facts of life and kept it in the back of my mind as I moved through life.

Full article

Read More

Reducing flaky builds by 18x

Part of the Building GitHub blog series. It’s four o’clock in the afternoon as you push the last tweak to your branch. Your teammate already reviewed and approved your pull request and now all that’s left is to wait for CI. But, fifteen minutes later, your commit goes red.

Full article

Read More

Improving JavaScript Bundle Performance With Code-Splitting

Projects built using JavaScript-based frameworks often ship large bundles of JavaScript that take time to download, parse and execute, blocking page render and user input in the process. This problem is more apparent on unreliable and slow networks and lower-end devices.

Full article

Read More

The Swyx.io 2022 Rewrite

I’ve rewritten this site once again. If you want to have the same site without my customizations, I’ve also open sourced a SvelteKit starter called swyxkit that you can use as a starting point.

Full article

Read More

How to Respond to a Bad Performance Review

No employee likes getting a negative performance review. Apart from the stress that comes with learning that your job might be on the line, it’s also devastating to find out that your boss isn’t too happy with your work.

Full article

Read More

React Best Practices – Tips for Writing Better React Code in 2022

If this article was helpful, tweet it. Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Get started

Full article

Read More

What’s New In DevTools?

In September last year, I wrote about some of the latest updates in our beloved DevTools, across Firefox, Chrome, Safari, and Edge. Four months have already passed since then, and the different teams working on DevTools have been busy! In these four months, they built a lot of new things for us to use.

Full article

Read More

5 Steps You Can Take to Prepare for a Successful Virtual Demo

Sprint demos present an excellent opportunity for the members of the development team to show clients the work was completed in the course of a sprint. Unfortunately, for new developers, these can also be a source of anxiety.

Full article

Read More

Adventures in Minimum Viable Product: A Backpack

I’m looking at a Topo Designs backpack commissioned for Atomic Object’s 20th Anniversary, and it’s extremely cool. It has two external pockets that fit my Nalgenes perfectly. It has one large compartment with a partition that fits my Macbook Pro like it was made for it.

Full article

Read More

A pipe operator for JavaScript: introduction and use cases

The proposal “Pipe operator (|>) for JavaScript” (by J. S. Choi, James DiGioia, Ron Buckton and Tab Atkins) introduces a new operator. This operator is an idea borrowed from functional programming that makes applying functions more convenient in many cases.

Full article

Read More

30 Javascript animation libraries for 2022

Howdy Geeks! 👋 Animation makes us be able to tell stories and communicate emotions and ideas in a unique way. Here are 30 JavaScript animation libraries to use in your projects today. 1. Greensock A JavaScript library for building high-performance animations that work in every major browser 2.

Full article

Read More