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…

The concept of hoisting in JavaScript made is very simple than you might think.

Coding Laptop.
Photo by Jexo on Unsplash

Hoisting is one of the basic JavaScript concepts that you need to understand as a developer. Many beginners find it hard to understand this concept even though it’s simple.

Sometimes JavaScript can be weird and hoisting is one of the weird things in JavaScript. That’s why you need to understand this concept if you want to avoid errors and bugs in your code, especially if you’re using var .

So in this article, we will learn about JavaScript hoisting by covering examples. Let’s get right into it.

What is hoisting?

In English, hoisting means pulling up something to the top. But in JavaScript…

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.


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