React JS Course for Beginners - 2021 Tutorial
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
Luka
I have a problem, can anyone explain to me where I'm wrong. In time 02:10:45. When I wrote in
Home.js
import React, - useState, useEffect - from -react-;
// Confing
import - POSTER_SIZE, BACKDROP_SIZE, IMAGE_BASE_URL - from '../../config';
// Component
import HeroImage from -../HeroImage/HeroImage-;
// Hook
import - useHomeFetch - from '../../hooks/useHomeFetch';
// Image
import NoImage from '../../images/no_image.jpg';
const Home = () => -
const - state, loading, error - = useHomeFetch();
return (
-state.results[0] ? (
) : null-
);
-
export default Home;
It reports to me that the error is in line where is and says that TypeError: state is undefined
reply
I have a problem, can anyone explain to me where I'm wrong. In time 02:10:45. When I wrote in
Home.js
import React, - useState, useEffect - from -react-;
// Confing
import - POSTER_SIZE, BACKDROP_SIZE, IMAGE_BASE_URL - from '../../config';
// Component
import HeroImage from -../HeroImage/HeroImage-;
// Hook
import - useHomeFetch - from '../../hooks/useHomeFetch';
// Image
import NoImage from '../../images/no_image.jpg';
const Home = () => -
const - state, loading, error - = useHomeFetch();
return (
-state.results[0] ? (
) : null-
);
-
export default Home;
It reports to me that the error is in line where is and says that TypeError: state is undefined
reply
Owais
For ALL THE BEGINNERS HERE. I just want you to know this is not a beginner course so if you know nothing or even just basic of react then this is not a course for you this is intermediate to advance level course. You should do scrimba react basic course before this one This guy is not gonna teach you basics of react. I know basics of JS and react but still this course is difficult for me. So before starting try to learn basic of React and JS specially ES6 modern Javascript.
reply
For ALL THE BEGINNERS HERE. I just want you to know this is not a beginner course so if you know nothing or even just basic of react then this is not a course for you this is intermediate to advance level course. You should do scrimba react basic course before this one This guy is not gonna teach you basics of react. I know basics of JS and react but still this course is difficult for me. So before starting try to learn basic of React and JS specially ES6 modern Javascript.
reply
Relax
1hr into the video I'm having an issue...my react app is blank even the start here isn't showing...I even copies the files from your zip directly with styles and when I run the npm start the react app is still blank
And the part in the video where he implemented global styles I did that mine was blank it didn't reset the margin and padding like it did in the video but returned a blank page...I need help
reply
1hr into the video I'm having an issue...my react app is blank even the start here isn't showing...I even copies the files from your zip directly with styles and when I run the npm start the react app is still blank
And the part in the video where he implemented global styles I did that mine was blank it didn't reset the margin and padding like it did in the video but returned a blank page...I need help
reply
Matiast9477
If you have a different structure in your useEffect at 5:00:00 and you separated the fetch movie from the use effect your use effect shoudl look like this
useEffect(()=>--
const sessionState = isPersistedState(movieId);-
if(sessionState)--
setState(sessionState);-
setLoading(false);-
return;-
--
fetchMovie();-
-, [movieId, fetchMovie])
reply
If you have a different structure in your useEffect at 5:00:00 and you separated the fetch movie from the use effect your use effect shoudl look like this
useEffect(()=>--
const sessionState = isPersistedState(movieId);-
if(sessionState)--
setState(sessionState);-
setLoading(false);-
return;-
--
fetchMovie();-
-, [movieId, fetchMovie])
reply
busyrand
3:13:06 - 3:19:50 Button Component - Logic... I got stuck on this for two days, reviewing everything with a fine tooth comb because my button was unresponsive [clicked and nothing happened]. No warning signs, no IntelliSense warnings or highlights...
The fix... Inside the Button Component, instead of 'onclick' it's camel case 'onClick.-
reply
3:13:06 - 3:19:50 Button Component - Logic... I got stuck on this for two days, reviewing everything with a fine tooth comb because my button was unresponsive [clicked and nothing happened]. No warning signs, no IntelliSense warnings or highlights...
The fix... Inside the Button Component, instead of 'onclick' it's camel case 'onClick.-
reply
Stavros
Thank you for this content!
I believe you should change Hero Image background-position to top, because if you leave it as it is, you will not see the head of the actor in many movie pictures!
Also in Searchbar/index.tsx the setSearchTerm function definition in the type Props object could be (searchTerm: string) => void
reply
Thank you for this content!
I believe you should change Hero Image background-position to top, because if you leave it as it is, you will not see the head of the actor in many movie pictures!
Also in Searchbar/index.tsx the setSearchTerm function definition in the type Props object could be (searchTerm: string) => void
reply
bash
Thank you so much for this priceless information
I have a small question just to make everything clear
Regarding the -deploy to Netlify- part, first we run -npm build- then deployed it manually, but if I want to do it the Github way, I don't need to run npm build right? I mean at all!
reply
Thank you so much for this priceless information
I have a small question just to make everything clear
Regarding the -deploy to Netlify- part, first we run -npm build- then deployed it manually, but if I want to do it the Github way, I don't need to run npm build right? I mean at all!
reply
Visual
Really interesting until I got to around 7:00 and saw the -Black Lives Matter- banner on the reactjs web site! Marxist propaganda on the official web site for a js library!!! What is going on?
No thanks. I'll find another piece of software to use for my projects.
reply
Really interesting until I got to around 7:00 and saw the -Black Lives Matter- banner on the reactjs web site! Marxist propaganda on the official web site for a js library!!! What is going on?
No thanks. I'll find another piece of software to use for my projects.
reply
Joel
It'd be helpful to see a visual mapping of how the myriad imports & exports are relating; it's way too easy to get lost in the import/export/wrapped/styled/components ('infinite' nesting)... can't see the forest for the trees here;
reply
It'd be helpful to see a visual mapping of how the myriad imports & exports are relating; it's way too easy to get lost in the import/export/wrapped/styled/components ('infinite' nesting)... can't see the forest for the trees here;
reply
Priscilla
I got an issue when I wanted to use my editor to practice doing this course , the text was trying to write on java script , did not appear , for example ReactDOM.render(, document.getElementById(-root-) .
reply
I got an issue when I wanted to use my editor to practice doing this course , the text was trying to write on java script , did not appear , for example ReactDOM.render(, document.getElementById(-root-) .
reply
Add a review, comment
Other channel videos
