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

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…


A list of awesome books to help you become a successful developer.

Developer codes on his laptop.
Photo by Anthony Riera on Unsplash

Reading books is still a great way to improve your knowledge and learn new skills. As a software developer, it’s also beneficial to read books that are specifically have been written for developers. You can learn many skills and keep yourself updated with the latest changes in the tech industry.

Developer Books can definitely help you grow your career and become a successful developer. That’s why in this article, I will give you a list of 5 awesome books for software developers. So let’s get right into it.

1. The effective dev portfolio

Building an Effective Dev Portfolio is a very useful book by Josh…


A list of useful websites that you probably don’t know about.

Developer codes on his desk.
Photo by Mohammad Rahmani on Unsplash

As a front-end developer or a software developer in general, you always have a lot of tasks to do on a daily basis. In most situations, you will find yourself spending so much time on simple tasks. You don’t wanna do that because there are timelines and deadlines that you have to follow and respect when working on projects.

Fortunately, there are a lot of resources, tools, and websites on the web that you can use to help you get work done faster and efficiently. …


JavaScript code snippets that you often will need to use.

Coding Laptop.
Photo by Shamin Haky on Unsplash

As we all know, JavaScript these days is one of the popular programming languages, especially when it comes to web development. The JavaScript ecosystem is full of frameworks and libraries that make life easier for the developer.

However, sometimes you don’t need to always use frameworks and libraries for writing JavaScript code. That’s why in this article, I wanted to share with you some useful JavaScript code snippets to solve simple problems. So let’s get right into it.

1. Random item from an array

To return a random item or element from an array, we will need to use the methods Math.random() and Math.floor()


Exciting full-stack projects to improve your coding skills.

Developer codes on his desk.
Photo by Mohammad Rahmani on Unsplash

Building projects is always the best way to improve your skills, practice your knowledge, and become a good developer. It doesn’t matter how many tutorials you watch, books you read, or podcasts you listen to. If you don’t practice and build projects, you will never improve.

This is also a good way to escape from tutorial hell. The process of building awesome projects can save you from watching tutorials all the time. This is also important for your portfolio. Having awesome projects under your belt can get you opportunities and help go with your career to the next level.

In…


Awesome resources to help you on your next projects.

Developer setup.
Photo by Jannis Brandt on Unsplash

Working on new projects is one of the most exciting things in web development. However, starting the project and coding it from scratch may take a lot of time and effort. Especially if you are an independent developer and you don’t have a team to help you out.

That’s why you really need to use some tools and resources to speed up your workflow and be more productive. There are many websites on the web that you can use to help you build user interfaces much faster.

In this article, I will give you a list of some websites that…


Let’s use JavaScript to find multiples of a number.

Developer codes on his laptop.
Photo by Anthony Riera on Unsplash

Solving algorithms and coding challenges, in general, is the best way to improve your problem-solving skills as a developer. It’s also a way to practice your coding knowledge and skills. No matter what language or technology you’re using, the basics always remain the same.

It’s about solving problems and creating the best solutions, not about what tool you use. Practice makes the perfect. That’s why you always need to learn and practice your stuff(especially the basics) if you want to improve and get to the next level.

In this article, we will use JavaScript to solve a simple coding challenge…


A list of Awesome CSS cheat sheets that you can use as a web developer.

Developer with her laptop.
Photo by Nicole Wolf on Unsplash

Learning CSS can be overwhelming sometimes. There are a lot of concepts that you need to learn. CSS is not difficult to learn, but you need a lot of practice to become good at it.

Building things is the best way to improve your skills, no matter what technology you want to learn. That’s why in this article, I wanted to share with you a list of awesome CSS cheat sheets to help you improve your knowledge. So let’s get right into it.

1. CSS animations cheat sheet

CSS animations & effects is the best cheat sheet if you want to easily learn about CSS…


A list of useful resources that you should know.

Developer codes on her desk.
Photo by Nicole Wolf on Unsplash

No matter what type of developer you are, you really need to use some resources to help you boost your coding tasks and be more productive in your work. There are a lot of powerful tools and resources available on the web for free.

As a web developer, you need to take the advantage of online resources and tools to make your life easier. That can help you speed up your development and achieve quality work much faster.

That’s why in this article, I wanted to share with you a list of some awesome and free resources that you can…

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