componentWillReceiveProps.jsx

//Class
componentWillReceiveProps(nextProps) {
    if (nextProps.count !== this.props.count) {
        console.log('count changed', nextProps.count);
    }
}

//Hooks
//Printing 1st iteration:
useEffect(() => {
    console.log('count changed', props.count);
}, [props.count])

//Skipping first iteration (exactly like componentWillReceiveProps):
const isFirstRun = useRef(true);
useEffect (() => {
    if (isFirstRun.current) {
        isFirstRun.current = false;
        return;
    }
    console.log('count changed', props.count);
}, [props.count]);



//Class
componentDidUpdate() {
    console.log('Just updated..');
}

//Hooks
useEffect(() => {
    console.log('Just updated...');
})

It`s not working

//Hooks
useEffect(() => {
    console.log('count changed', props.count);
}, [props.count])

https://jsfiddle.net/h6pudszo/3/

look at console

"count changed", 0
"count changed", 1

Hey @borm , by not working I guess you mean that it prints the first iteration, while componentWillReceiveProps will skip it.
You’re actually right on that.
There’s a small workaround to skip the first render using useRef , this StackOverflow question shows an example:

const isFirstRun = useRef(true);
useEffect (() => {
    if (isFirstRun.current) {
        isFirstRun.current = false;
        return;
    }
    console.log('count changed', props.count);
}, [props.count]);

Sorry for the confusion, updated the gist.