All Posts

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.

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.

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

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

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

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.

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!

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

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.

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.

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.

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

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.

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?

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...

A practical case on how to implement useReducer...

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

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.

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

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.

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.

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.