Systems | Development | Analytics | API | Testing

How to Log the Web Vitals Of a Next.js App Using Bugfender

Next.js is a complete React framework that provides a rich experience for developers in building web applications. You get a fast and reliable refresh on code changes, support for TypeScript and the ability to create a hybrid static and server-side rendered page. The file system and API routing features make it a go-to React solution for server-side applications.

The Best Podcasts for Developers

Check out the web story version: The 8 Best Podcast For Developers. Software developers probably form one of the most tight-knit professional communities on the planet. Despite the enormous diversity within the industry, it is very easy to find common interests like coding trends, personal development, entrepreneurship and design. Most of us at Bugfender are software developers ourselves and one of the channels we use to share our interests are podcasts.

How to Debug Your Site Performance With Chrome

It’s now more than 30 years since the first website was born. Its purpose, you ask? To provide information about the World Wide Web, of course. In the three decades that have elapsed since then, we’ve created around 6 billion more websites. Some, like that inaugural site about the internet itself, are devoted to providing information. Others allow us to buy and sell products. Others give us access to photos, videos and other forms of media.

Updates from Bugfender Q4, 2020

Welcome to the Bugfender winter newsletter! We hope you had a great Christmas and new year. This quarter we’re bringing you a lot of insightful information on our blog. Take a good cup of coffee and find our latest recommended articles below. But first, let’s kick-off with the latest updates as we do on every quarterly newsletter: We hope you find all these updates useful!

Android Studio and Xcode app debugging with Breakpoints: How to from Zero

To kick off our series on debugging for software developers, we tell you how to build breakpoints step by step using Xcode and breakpoint Android Studio to isolate key information about your app’s performance, and save crucial time during the process.

End-to-End Testing on a JS App

There’s no doubt which programming language is winning the battle for global supremacy right now. JavaScript has powered past the 12 million developers mark, and 5 million of its loyal fans (some 40%) have come aboard within the last three years. Initially thought of as merely a Java spin-out, it is now used to power everything from machine learning libraries to space exploration robots. But to truly maximize the potential of JavaScript, developers have to implement an effective testing regime.

Best tools in 2021 to do automated testing of your JavaScript apps

It’s no exaggeration to say that today’s internet is built on JavaScript. Around 95% of all websites have been built using the language, according to the latest figures. JavaScript has evolved beyond the client side and is now used to construct entire technology stacks, not to mention support databases like pouchdb and RethinkDB.

React Hooks Common Mistakes

React Hooks is a new addition to React which enables you to use state and other features of the library without having to create a class. By ‘hooking into’ React’s existing features, you can significantly reduce the number of concepts you have to grapple with, and you can create custom hooks to share all kinds of non-visual logic, making your code much more reusable.

How to Use the Javascript Debugger

As developers, we’ve traditionally rooted out errors in our programs (we’ll call them bugs from now on if that’s ok) by using meaningful log statements. JavaScript has the famous console.log() method for that. But while log statements are good, they are less efficient than a tool that enables you to carry out step-by-step debugging. So in this article, we will learn how to use Google Chrome developer tools (also known as DevTools) to debug any JavaScript application effortlessly.