React JS

Learn how to use Parcel – a JavaScript bundler to help you build a React app without any configuration.

I spoke to senior React Developers from my company and asked what do they generally do that helps them stay in coding shape.

As you already know, Framer Motion is a really powerful animation library for React. Now it’s time to start using it. Here are some basics. How to start with Framer Motion To start with Framer Motion for React you have to install the right package: npm yarn Next step is to import posed from react-pose […]

Why bother with Framer Motion? You are exposed to around 5000 online messages begging you to read the offer each day. But can you remember at least ONE from yesterday? We literally ignore almost everything we see on the screen. Mostly because what we see on our screen is not appealing, interesting, nor is inviting […]

If you’re having a problem with passing property to a component just to pass it further down to child, React Context is exactly what you need. By the definition, React Context provides us a possibility to pass data through the component tree, so you don’t need to pass props down manually at every level. In […]

Not long ago, Facebook introduced Concurrent Mode (on the day of writing this article it is still experimental). Concurrent Mode has been built with user and development experience in mind, but this time it looks like it really has a lot to offer, and is about to be a huge step forward for React. There […]

Few words about React If your still not yet fully familiar with React, it is so far the hottest and the most wanted JavaScript framework, that enables you to build highly performant and extremely user-friendly interfaces. Facebook released React as open-source in 2013. Since then the popularity of the framework was just emerging. Many big […]

Last few years React totally overtook all the other front-end competition in popularity, mostly thanks to the extreme focus on user experience and development simplicity. However, each and every technology is working to achieve the same goal, but there are small unfair advantages, that are putting React in a favorable position and make it better […]

The difference between server side and client side rendering has a lot to do with google ranks, and we all love high Google ranks. But Google, on the other hand, loves short rendering time a lot, which gives fewer chances for heavy apps to position themselves well. Simply put – the more complex your React […]

First things first, Memoization is caching. But “caching” is a general term, and memoization is a specific form of caching.It is an optimization technique, which speeds up apps by caching the results of function calls and returning the stored result when the same arguments are supplied again. When you should apply Memoization? It can perform […]