João Forja

Over the years, I have built new products, redesigned existing ones, worked without a designer, and worked with designers who could only give the team a limited amount of time.

How in general should I know what to test?

Are there particular guidelines to follow when deciding how to split a React component?

With this series, I hope to share ideas on developing React components that are safer from bugs and easier to maintain.

When we're unsure of what to test, the project might be at risk of failure.

When we find a bug in our applications, fixing it is only the beginning.

If you're not sure how to test a specific part of your React application, this article might be useful to you.

In this article, we'll go over a process to test React components that exhibit some behavior when the current route changes.

A common question to have when we're starting to learn React is how important it is to know how to write automated tests.

What concerns should I have when writing tests?

How in general should I know what to test?

I am quite confused with mocking in Jest.

index.js keeps failing in my test coverage report When we start a project with Create React App and set test coverage thresholds, index.js file becomes a problem since it prevents us from hitting the configured thresholds.

All of this testing thing is like I'm in a maze!

Anyone can write a basic fetch request and get some data back.

When we want to add an infinite scroll to a React app, we can try to find a library that already does it for us, or we can implement our version from scratch.

If you've been programming with React for a while, you have already used useCallback and useMemo hooks.

Can't make a query from the browser since CORS blocks it Whenever we're developing a React application that has to communicate with an API, we'll probably run into Cross-Origin Resource Sharing (CORS) errors.

One of the best ways to improve as a developer is to understand how the tools we use work.

I think this is the best way to implement this, but I'm not sure One of the constants of software development is decision-making.

My code works, but I think it is implemented incorrectly.

I want an image to do an animation whenever it is changed.

How do I pass state to a child component?

If you read React documentation on useState hook functional updates, you'll find a Counter component together with the following information: function Counter() { const [count, setCount] = useState(0) return ( <> Count: {count} <button…

I need to perform a search when the user stops typing.

What if the browser gets Refreshed?