Learn these JavaScript features before moving to React

JavaScript Features to Know Before Learning ReactJS.
JavaScript Features to Know Before Learning ReactJS.

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

Introduction

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 APIs that you might need for your next projects.

Coding Setup.
Coding Setup.

APIs are very useful these days. They allow the communication between frontend and backend. As a result, your website or application becomes dynamic after using the API features and data.

As a frontend developer, APIs give you the advantage to access data and use it on your website or application. In addition to that, they also allow you to save time and achieve useful tasks without having to write a lot of code.

In this article, I will give you a list of some extremely useful APIs that you might need to use on your projects. So let’s get started.

1. The MovieDB API


HTML is more useful than you think. No need for JavaScript in the below situations.

HTML empty tag.
HTML empty tag.

HTML is the number one markup language for the web. It allows us to easily create elements for web pages. You can use tags, attributes, add scripts, and much more.

What if I also told you that with only HTML you can create some amazing things that require JavaScript code?

In this article, we will cover some powerful things that you can easily create using only HTML. So let’s get right into it.

1. Color picker

HTML allows you to easily create a color picker using the tag <input> by giving it an attribute with type "color" .

Here is the code example:


Netlify makes it easier to deploy static websites and frontend web applications.

Developer codes on her computer.
Developer codes on her computer.

Netlify is a great solution to deploy static websites for free these days. A lot of developers host their web projects with Netlify because it’s much easier and faster.

Netlify has good documentation to help you out deploy and automate modern web projects. However, in this article, we will just learn about how to deploy our first static site to Netlify. I will show you two ways to do that. So let’s get right into it.

1. Deployment using Drag and Drop

The first way to deploy a static site to Netlify is by using the drag and drop option. But before that, make sure that…


A list of some publications that pay you for technical content.

A man with his laptop is writing on a paper.
A man with his laptop is writing on a paper.

There is a huge demand for technical content these days. A lot of companies and publications are looking for writers that can write technical content for them in their blogs. These companies try to post as much content as they can in order to increase visitors to their website and get some clients of course.

As a developer, you will already have a lot of technical knowledge and you know about at least a few technologies. …


Avoid these CSS mistakes to improve your code and styling.

Developer using her laptop.
Developer using her laptop.

CSS is the language that every web developer must know in order to style web pages and make them responsive. I can’t imagine how web pages will look without using CSS. You can do a lot of cool stuff with this amazing stylesheet language.

You just need to be a little creative and avoid mistakes in your code. It’s easy to make mistakes in CSS because you have to style almost every element on a web page.

That’s why in this article, we will cover some common CSS mistakes that you need to avoid as a web developer. …


Learn CSS flexbox with easy-to-understand examples.

CSS Flexbox Cheat Sheet.
CSS Flexbox Cheat Sheet.

Flexbox is one of the important CSS concepts that every web developer must know these days. It’s a feature that allows us to easily design and structure responsive web layouts.

Flexbox has many properties that we can use to align and offer space between elements. So we don’t have to use tables and flotas anymore because flexbox is much easier.

That’s why in this article, I will give you a very useful cheat sheet to help you easily learn CSS flexbox. Let’s get right into it.

Parent Properties

1. The display property

If you want to use flexbox in CSS, setting the property display to flex


Things that you need to consider if you want to build an impressive GitHub profile.

GitHub image.
GitHub image.

GitHub is one of the largest popular platforms for hosting Git repositories and open source projects. The majority of large enterprises as well as developers of course use GitHub for their projects.

The platform is full of developers that love to code and share their projects with the world. You can find many profiles on GitHub that can impress you as a developer.

Making an impressive GitHub profile is very beneficial for you as a software developer in general. It will open many doors and opportunities for your career, especially if you’re looking for a job. …


A list of must-have VSCode extensions for every React Developer.

Developer codes on his laptop.
Developer codes on his laptop.

React is very popular these days. It’s the number one choice when it comes to building frontend web applications. You can create many awesome things with this amazing library as a web developer.

In addition to that, the demand for React developers is still increasing. Many companies are switching to React because it’s very efficient when it comes to building performant websites and web applications.

Most React developers use VSCode as a text editor or an IDE to develop React applications. …

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