Articles about Javascript

15 useful VS Code extensions for front-end development in 2021

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.

Keep reading...

React Native project ideas

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.

Keep reading...

What is JSX?

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.

Keep reading...

What is Create React App?

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.

Keep reading...

Composition vs Inheritance in React.JS

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.

Keep reading...

List and keys in React - cheatsheet for beginners

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.

Keep reading...

React lifecycle methods with hooks cheatsheet for everybody

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.

Keep reading...

Fetch or Axios - what is better for HTTP requests?

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.

Keep reading...

Client-Side Rendering or Server-Side Rendering - what is the best solution for your next application?

Intro to Client-Side Rendering vs. Server-Side Rendering We can create awesome web applications and websites with the technologies we have right now, but there’s still a performance that needs to be considered. Developers outdo each other to achieve the best results in loading speed and user experience in their projects. And at that point, there are many discussions on the way, applications should be rendered. Before modern front-end frameworks started to be used so commonly, websites were rendered on the server, and ready .

Keep reading...