Learn these JavaScript features before moving to React

JavaScript Features to Know Before Learning ReactJS.
Image created with ❤️️ By author.

React is one of the popular JavaScript libraries for building front-end web applications these days. A lot of front-end developer jobs require having React as a skill instead of jQuery that was more popular before the release of the front-end frameworks.

Before learning React, you should have a solid understanding of JavaScript first. I’m talking about all the JavaScript basics and fundamentals. In addition to that, you should also learn about the ES6+ features because you will use them a lot in React.

If you have a good understanding of JavaScript and its features, learning frameworks will become much easier…

Useful front-end development tools that you probably need to use.

Developer Setup.
Photo by ThisisEngineering RAEng on Unsplash


As developers, we always need to use some resources and tools that can make our life easier and boost our productivity when working on projects or learning something. The good thing is that there are a lot of tools available on the web and created specifically for developers. A lot of them are for free, you don’t have to pay anything.

In this article, we will give you a list of some extremely useful front-end development tools that are available on the web for free. Let’s get right into it.

1. UiGradients

UiGradients is an amazing web tool that contains a collection…

Useful CSS tools to make your life easier and increase your productivity.

CSS book.
Photo by KOBU Agency on Unsplash

CSS is the stylesheet language that every web developer must know. It allows us to make web pages more appealing to the user. A web page without CSS is like a human without clothes.

CSS has a lot of cool features that allow us to create amazing experiences on the web. By using this stylesheet language, you can make web pages beautiful and responsive on all devices. You can also create good-looking layouts with the power of flexbox and grid.

There is a lot to do with CSS and it’s very useful for web development. However, writing and managing good…

Accessibility might be more important than you think, especially in 2021.

Developer using his computer.
Photo by Luke Peters on Unsplash

Most of the time you need to make sure that your website is accessible to everyone. Many people that use the web have various impairments, maybe they can’t even see, and they only use screen readers.

This is where accessibility comes into play to make sure that everyone can easily use the web no matter what impairments they have. So you need to always care about making your site or web app accessible for everyone if you want to increase your conversion rates and reduce bounce rate. …

Useful React question that you should know as a junior developer.

React interview questions.
Image created With ❤ ️️by the author.

Interview preparation is very important if you’re looking for a developer job. Preparation will give you more confidence to pass the interview and get the job you want.

If you’re looking for a junior React developer position, there are always some common technical questions that they might ask during the interview.

That’s why in this article, I will answer some of the common React questions that you need to know as a beginner. So let’s get started.

1. What is React?

React is an open-source JavaScript library that allows us to build user interfaces. …

A list of GitHub repositories that will help you to improve your JavaScript skills.

GitHub logo in front of a laptop.
Photo by Roman Synkevych on Unsplash

GitHub is the number one platform for all developers these days. In addition to that, a lot of companies maintain their software on GitHub.

The platform gives you access to open-source projects or repositories that you can check out and contribute to if you want. That’s why GitHub is a good place to improve your coding skills as a developer. If you’re a JavaScript developer, there are a lot of useful repositories that you can learn from.

In this article, I will give a list of amazing JavaScript repositories to help you improve your skills. …

React data fetching with practical examples.

React Data Fetching.
Image created with ❤ ️️By author.

There is no doubt that ReactJS is still one of the best frameworks for building user interfaces and web applications frontend. React is actually a library, not a framework, but it acts as a framework and has all its advantages.

Fetching data from APIs is one of the common things that you can do using React. There are multiple ways of fetching data from Rest APIs in React, especially that now we can use the power of hooks.

In this article, we will cover some ways to easily fetch data in React. So let’s get right into it.

1. The fetch API

One of…

A list of useful JavaScript libraries that you can use as a developer.

Developer codes using her laptop.
Photo by Árpád Czapp on Unsplash

JavaScript has improved a lot in the last few years. Now we have a lot of awesome features that we can use in our code. In addition to that, if you take a look at the JavaScript ecosystem, you will realize that there are a lot of useful libraries and frameworks out there.

Using frameworks and libraries will give you the ability to speed up your development process in JavaScript. That’s why in this article, I will give you a list of some awesome JavaScript libraries that you can use in 2021. So let’s get started.


GSAP is one of…

Dark mode functionality in React made simple.

Developer codes on his desk.
Photo by Jefferson Santos on Unsplash

The dark mode functionality is very useful and important these days in the modern web. It’s also good for user experience. A lot of people prefer the dark mode feature because it protects their eyes when browsing the web at night.

In this article, we will learn to easily implement the dark mode using React and styled-components. So let’s get started.

Project Setup

Since we are going to create a very simple dark mode functionality, we will use the create-react-app tool for that. So the first thing you need to do is to set up a React project using that tool.


Variable declaration keywords in JavaScript explained with examples.

JavaScript var let and const.
Image created with ❤️️ By author.

JavaScript has three keywords for variable declarations. Each keyword is useful and has a situation where you will need to use it. That’s why it’s very important to understand the difference between the three variable declaration keywords in JavaScript.

Many beginners get confused when it comes to what keyword they need to use. Especially, if they don’t understand the difference between the three keywords.

That’s why in this article, we will learn about the differences between these keywords( var , let , and const ). So let’s get right into it.

The var keyword

The keyword var in JavaScript is the first keyword…

Mehdi Aoussiad

Front-End Web Developer from Morocco. I focus on writing useful articles for readers. Contact:https://twitter.com/AoussiadMehdi Subscribe: mehdiouss.ck.page

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store