Name: Intro to useEffect
Uploaded: 2024-09-16T19:37:24.285Z
Duration: 2 min 43 s
Description: Intro to useEffect

scrimba

Watch in fullscreen

Intro to useEffect

by Bob Ziroll

About

Comments

Notes

Intro to useEffect

by Bob Ziroll

Expand for more info

App.jsx

run

preview

console

import React from "react"

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

import React from "react"

export default function App(props) {

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

// console.log("Rendered!")

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

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

.then(data => setStarWarsData(data))

// side effects - useEffect

return (

<div>

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

</div>

)

}

-2:43