Articles about Javascript

Introduction Managing server load is a constant battle in web development. As your application scales and traffic spikes, your servers can buckle under the pressure, leading to slow response times, frustrated users, and ballooning hosting costs. We faced this exact challenge with our API, which was struggling to keep up with demand. We needed a solution that was fast to implement, cost-effective, and powerful enough to make a real difference.

Introduction Fourteen years in full-stack development—spanning Node.js backends, NestJS APIs, Angular dashboards, and React Native apps—have taught me that user frustration can be the ultimate motivator. In a React Native app with tens of thousands of users, we saw ~500k API calls failing monthly—not because our servers choked, but because app-level errors like bad internet or device crashes left users stuck. Progress vanished, data didn’t sync, and complaints piled up.

Intro to 15 useful VS Code extensions for front-end development Since some time Visual Studio Code becomes very popular IDE for Javascript developers. I started using it two years ago, and in my opinion, it’s a fantastic code editor. It allows me to customize it just as I want. VS Code also has a build-in git integration and terminal, so you don’t have to jump from one window to another.

This article contains affiliate links. By purchasing using these links you support our blog and YouTube channel. Intro to React Native project ideas A few months ago, we realized that what people who study programming as self-learners miss are ideas for projects that can be built to practice your skills and build a portfolio. Taking into consideration that practicing is really important to really learn programming and new frameworks, we decided to start a series where we provide a few ideas for each frontend technology.

Intro to what is JSX? As a student learning front-end development, your first choice after HTML, CSS, and Javascript is a framework that will make it easy to create the first project. And as most beginners start with ReactJS because it’s pretty popular and easy to use the framework. So, when you are already used Create React App to set up your new project, you may realize something wired or something new.

Intro to Create React app? Setting up a ReactJS application from scratch can be a long and complicated process. You have to think about everything, like Babel, Webpack with all the plugins, testing libraries, etc. And it can also bring some issues which can take a few hours to solve. But fortunately, there is a fast and easy solution that can be used in lots of cases, and it’s the Create React App tool.

Intro to composition vs inheritance Welcome to the composition vs inheritance in React comparison. If you’re a senior developer or architect, I bet you know the most popular concepts, design patterns, and how stuff works inside. But still, not many front-end devs go think so much about composition and inheritance. It’s not an often discussed topic, and I’ve noticed not all devs can explain why they created their solution with this or this way.

List and keys in React intro List and keys in React are among the most basic concepts. It may be the first scary one for beginners who just started to create their first application using the React framework. And what’s even scarier, you can’t avoid using lists because almost every application has some kind of repeatable content. But in reality, really simple. It just needs to be explained. That’s why in this article, I decided to explain what lists are, how to build a list in JSX, what keys are and how to fix one of the most common errors connected to list and keys you will see a lot of times in your console.

Intro to React lifecycle methods Welcome to the react lifecycle tutorial, where I will explain all the things related to the react component lifecycle methods. You’ll learn about the four main react component lifecycle stages, when they’re fired, and what is happening inside. Next, we will talk about the methods used during these stages, which ones we need, and which ones we should avoid. We won’t forget about these deprecated methods, so you will know which ones you should definitely refactor in your code and don’t use anymore.

Intro to Fetch vs. Axios One of the most essential parts of frontend development is communication with the backend by making HTTP requests. There are a few ways how we can make API calls in Javascript asynchronously. A few years ago, most applications were sending HTTP requests using Ajax, which stands for Asynchronous Javascript and XML. But right now, developers mostly decide about selection between fetch() API and Axios.