Working With React, Formik and Yup

Form validation on the frontend is a painful task. Thanks to Formik, It will not just create a quick form but also has builtin functionality for onChange, onBlur etc. events. The Formik is designed to handle complex validation with ease. So, let’s just start building a simple SignUp form with React, Formik and Yup.

Read More

Helpful .htaccess Rewrite Rules for WordPress

The .htaccess is a configuration file and is used to alter the configuration of the Apache Web Server. We can enable/disable the additional functionality through this configuration file.

Today, I am sharing some common Rewrite Rules that most of the peoples need to alter some Web Server configuration. WordPress comes with pre-build rewrite rules in the .htaccess file. And you don’t find the .htaccess file from the root directory then you can generate it through Dashboard > Settings > Permalinks.

Read More

Working with TypeScript and React

TypeScript is a typed superset of JavaScript compiled to Javascript and provides optional static typing, classes, and interface. Integrating TypeScript with React is super easy. If you are using the Create React App (CRA) to create your React application boilerplate then –typescript option will auto inject the TypeScript into the boilerplate and install the related dependencies.

Read More

React Router Create Protected Route

Protected / Private Routing is helpful in case of backend development with ReactJs. Or we can say only authenticated users can only access the particular route. We can make a protected/private route with React Router Dom package. I am using React Router 5.x.

Read More