Search Results

Showing results for "react"

Latest Articles

Cover Image for Nested routes with react router v4 / v5
javascript

Nested routes with react router v4 / v5

Published on September 2, 2023

# šŸ“ Easy peasy way to nest routes in React Router v4/v5 So you're working on a React app, and you want to organize your routes by nesting them. You've checked out the React Router v4 documentation, but you can't seem to get it working the way you want. D

Cover Image for How can I communicate between related react components?
javascript

How can I communicate between related react components?

Published on September 2, 2023

# How to Communicate Between Related React Components? šŸ—£ļø So, you're diving into the amazing world of ReactJS and you've encountered a common challenge - how do you make related components interact with each other?! 😱 Fear not, my fellow React enthusia

Cover Image for React this.setState is not a function
javascript

React this.setState is not a function

Published on September 2, 2023

# Fixing the "this.setState is not a function" error in React If you're working with React and have encountered the error "TypeError: this.setState is not a function", you're not alone! This common issue often occurs when there is a problem with the bindi

Cover Image for How do you test for the non-existence of an element using jest and react-testing-library?
javascript

How do you test for the non-existence of an element using jest and react-testing-library?

Published on September 2, 2023

# ✨ Testing the Non-Existence of an Element in React with Jest and react-testing-library ✨ So you're writing unit tests for your component library using Jest and react-testing-library. šŸ‘©ā€šŸ’» Fantastic! But wait, there's a little challenge you've encounter

Cover Image for react-router - pass props to handler component
javascriptproperties

react-router - pass props to handler component

Published on September 2, 2023

# How to Pass Props to a Handler Component in React Router Are you stuck trying to pass props to a handler component in React Router? šŸ¤” Don't worry, you're not alone! Many developers struggle with this common issue. In this blog post, we will explore dif

Cover Image for How to compare oldValues and newValues on React Hooks useEffect?

How to compare oldValues and newValues on React Hooks useEffect?

Published on September 2, 2023

## How to Compare oldValues and newValues on React Hooks useEffect? šŸ¤” Have you ever wondered if there's a way to compare `oldValues` and `newValues` in `useEffect` on React Hooks, just like in the good old `componentDidUpdate` days? šŸ‘‰ Well, you're in

Cover Image for How to use `setState` callback on react hooks

How to use `setState` callback on react hooks

Published on September 2, 2023

# How to Use `setState` Callback on React Hooks šŸ’”šŸ”—šŸŽ£ React hooks have revolutionized the way we manage state in functional components. The introduction of the `useState` hook allows us to easily set and update our component's state. However, if you're c

Cover Image for Programmatically navigate using react router V4
ecmascript-6

Programmatically navigate using react router V4

Published on September 2, 2023

# Programmatically navigate using React Router V4: A Complete Guide šŸ”— React Router is a popular routing library for React applications, providing a way to navigate between different pages or URL endpoints. In version 4 of React Router, there are some cha

Cover Image for When to use ES6 class based React components vs. functional ES6 React components?
ecmascript-6javascript

When to use ES6 class based React components vs. functional ES6 React components?

Published on September 2, 2023

# When to use ES6 class based React components vs. functional ES6 React components? <p>React offers two main paradigms for creating components: ES6 class based components and functional ES6 components. Understanding when to use each one is key to writing

Cover Image for How to pass params with history.push/Link/Redirect in react-router v4?

How to pass params with history.push/Link/Redirect in react-router v4?

Published on September 2, 2023

## šŸš€ How to Pass Params with history.push/Link/Redirect in React-Router v4? Are you struggling to pass parameters with `history.push`, `Link`, or `Redirect` in React-Router v4? Don't worry, you're not alone! Many developers face this issue when working