There are is a number of built-in tools to improve performance of React applications. One of these tools is high-order component React.memo(). This tutorial will help you learn about React.memo(). You will learn what it is, how it works and how to use it in your React apps.
Tag: app development
How to Create Simple Redux Store with Redux Toolkit
Setting up even a simple Redux store used to be hard. Not anymore. With the help of Redux Toolkit we can create Redux stores much faster and with less code. This tutorial will help you learn how to use Redux Toolkit to create such a simple store and how to implement it in your React… Continue reading How to Create Simple Redux Store with Redux Toolkit
How to Create File Dropzone in React and TypeScript
There are various solutions for file dropzones. Some are simple, some complicated. This tutorial will help you create your own simple file dropzone. You will learn how to handle various drag and drop events, how to process dropped files and how to create a simple API for reusable dropzone component.
Memoization in React: A Simple Introduction
There are many optimization techniques you can use to improve overall performance of your React applications. One of these techniques is memoization. In this tutorial you will learn what memoization is and how to use memoization in React to optimize your React apps.
3 Ways to Build React Forms with Formik Pt.3
Building React forms can be lengthy and painful process. Not anymore with library called Formik. Formik provides a nice and easy way to build React forms. This tutorial will show you how to build React forms with HTML elements along with the useFormik() hook provided by Formik.
3 Ways to Build React Forms with Formik Pt.2
The Formik library helps to build React forms faster with its state management and component. This tutorial will help you learn how to build a React form using components provided by Formik library. You will also learn how to create a simple validation schema for forms with Yup library.