In this article, you are going to see a practical approach on how you can implement useReducer, and it also introduces the idea of reducer.

Form Refactoring with useReducer React Hook (mini guide)

Ideally, this article is for those who just want to have GA in their React app, and don't want to spend more than 5 minutes in the process.

How to install GA in React (Easiest way in 2021)

Can't resolve react-router-dom in most cases refers to an installation problem in your React app.

How to Fix: Can't Resolve React Router Dom (in 10 minutes)

In this article you will learn how to add a script tag into React, the given example will be Google Analytics.

How to add Script tag in JSX (Google Analytics edition)

This is my landing page for a new product I have developed.

Build the future of your form backend - formNest

In this article, we are going to see an overview of how you can secure a React app, and what are some vulnerabilities that your DOM might have.

React security and Cross-Site Scripting (XSS)

The most clear way to format a date (dd/mm/yyyy) or (yyyy/mm/dd) in React is to use: date-fns. Also, in this article you will learn how to format dates with just Vanilla JavaScript!

Complete guide of Reactjs date format dd/mm/yyyy

If you understand how to do form submissions in JavaScript, you will already know how to do it in Reactjs.

Form submission in react js [2022 Guide]

Basically, using setTimeout in React, you should be able to create a function inside the useEffect hook, or in the case of classes components, inside componenDidMount.

The complete guide of setTimeout in React

I assume that have searched for 'how to map in react' or even 'reactjs map', and you find first position the official React blog. However, you still don't understand quite well how React works, JSX and how the map enters to play in this scenario.

Map inside JSX [Dynamically render elements]

A Custom Hook is a function you create for a component or a page in React, that 'function' should start with 'use', such as useFetch.

Custom hooks or normal functions?

The three dots is called the spread operator, and it saves you from copy-pasting.

Using the 'three dots' in React to copy-paste

For instance, you migh feel stucked when trying to implement localStorage into your app. The truth is that using localStorage in React is almost the same as you would do with a JavaScript app.

Local Storage in React. Recipe.

React.memo() is a high order component, that allows you to not re-render your component unless the props have changed. But you want to know when and how to use it right?

What is react.memo() and when to use it? (How I fixed a bug with it).

Due to the starter style of this question, I'm going to dive on how to set up a CSS class as if you didn't know anything about styling in React...

How to Style a div in React?

A practical case on how to implement useReducer...

What is useReducer? What it does and seeing the beauty of that React Hook.

After reading this article you should be ready to make a fetch from some API and display data iteratively.

How to Display JSON data in React

Instead of only installing a bunch of dependencies and that's trying to create the whole setup by yourself, npx is an abbreviation of npm, and it will initialize your React app with all the folder and basic setup you need to run a complete React app.

How to Create your first React Project on VS Code.

It is a React app that fetches an API and displays a bunch of products based on the search you've made.

Learn APIS. How to build a real Frontend React Project.

In this article, we are going to cover how to go from using classes, OOP programming to using an approach with functional programming and hooks.

Refactor to React Hooks.

At this moment I've never deployed a React app. So you are going to learn with me and I will document how I've done it.

How to Deploy a React App and Not Die.

Let's define first, what is a component. It is a function. Components are functions. So in the topic of this article, we want to make that function utilizable for multiple cases.

Latest

Form Refactoring with useReducer React Hook (mini guide)

How to install GA in React (Easiest way in 2021)

How to Fix: Can't Resolve React Router Dom (in 10 minutes)

How to add Script tag in JSX (Google Analytics edition)

Build the future of your form backend - formNest