Name: useEffect() syntax and default behavior
Uploaded: 2021-09-24T17:27:13.867Z
Duration: 2 min 59 s
Description: useEffect() syntax and default behavior

scrimba

Watch in fullscreen

useEffect() syntax and default behavior

by Bob Ziroll

The Frontend Developer Career Path

About

Comments

Notes

useEffect dependencies array8:01

useEffect() syntax and default behavior

by Bob Ziroll

The Frontend Developer Career Path

Expand for more info

useEffect dependencies array8:01

App.js

run

preview

console

import React from "react"

export default function App() {
    const [starWarsData, setStarWarsData] = React.useState({})
    
    // console.log("Component rendered")
    
    // fetch("https://swapi.dev/api/people/1")
    //     .then(res => res.json())
    //     .then(data => setStarWarsData(data))
        
    // side effects
    
    return (
        <div>
            <pre>{JSON.stringify(starWarsData, null, 2)}</pre>
        </div>
    )
}

import React from "react"

export default function App() {

const [starWarsData, setStarWarsData] = React.useState({})

// console.log("Component rendered")

// fetch("https://swapi.dev/api/people/1")

// .then(res => res.json())

// .then(data => setStarWarsData(data))

// side effects

return (

<div>

<pre>{JSON.stringify(starWarsData, null, 2)}</pre>

</div>

)

}

-2:59