Articles about Javascript

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...

REST API vs GraphQL - comparison

Into to REST API vs. GraphQL Since GraphQL was presented as a revolutionary alternative to RESTful API in 2015, there is a discussion between both solutions’ supporters and opponents. As everything, RESTful API and GraphQL both have pros and cons, which need to be considered selecting proper solutions for the next project. And as always, the choice should depend on the type of project that you are building. For some kind on the application, RESTful API will be a justified solution, when for the other type, GraphQL will be much better.

Keep reading...