Those who are using the slice method on title and description. If you are getting an error, try ternary operator on both title and description. The reason why we are getting error is because when we fetch the value of title or description from NEWSAPI, sometimes the value is null stored on the NewsAPI, which crashes the whole program. Try this. {title ?title.slice(0, 40) : "Breaking news"} {description ? description.slice(0, 90) : "Updates: What is going on today, Check out here."}
@@GreatStackDev sir the api you used can be only used in local host, but if I deploy it then from browser it's not accessible. Do you have any other APIs which can be accessed from browser also ?
I am facing an error when implementing slice() function into title and description. The screen just went blank. The error message in console was "Uncaught TypeError: Cannot read properties of undefined (reading 'slice')"
@@relangimammayyacodingcente9416 add != null after description. My code for line 8 at 24:20 is : {description != null ? description.slice(0, 90) : "No description"}
The problem is not with the slice method but with the data you're firing the method to. if you're using it for example Data.slice() try consoling the data, it may be undefined that's why the slice method might not be working
@@jojid.econar280 hey! I made a lot of WordPress websites and that was my complete waste of time. As you don't have any privacy coz plugins in WordPress can breach your data
hello bro need some help here😅😅😅😅 when i copied button from bootsrap and pasted it its working fine if i changed the class to classname then its not showing the styles just buttons showing no colors at all then again changed classname to class its working fine with showing colors to buttons and style what shoild i do if there is no classname then it isnt react ryt??
Bro check your api and env file... I also faced that problem but when I rechecked it I found i created .env file in my src folder but we have to create it outside the src folder
NEWSAPI gives CORS error in free developer pack get result only in localhost failed while deployment how to slove this any other NEWSAPI for free deployment
Compiled with problems: × ERROR in ./node_modules/body-parser/lib/read.js 19:11-26 Module not found: Error: Can't resolve 'zlib' in 'C:\Users\bhumi\OneDrive\Desktop\NewsApp ews ode_modules\body-parser\lib' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }' - install 'browserify-zlib' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "zlib": false } ERROR in ./node_modules/body-parser/lib/types/urlencoded.js 201:12-34 Module not found: Error: Can't resolve 'querystring' in 'C:\Users\bhumi\OneDrive\Desktop\NewsApp ews ode_modules\body-parser\lib\types' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "querystring": require.resolve("querystring-es3") }' - install 'querystring-es3' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "querystring": false } ERROR in ./node_modules/content-disposition/index.js 21:15-39 i am getting this error
hi, I am having a problem when pasting the navbar code into the navbar.jsx file, a syntax error arrises with the open and close curly brace and normal bracket which causes the navbar not to work. Please help thanks
This is the small request make videos tutorials on figma design your teaching skills are awesome.
Short and to the point but very informative. Great video!
Wonderful, this is how a tutorial should be-direct, to the point, and without spending time on Bs.
Honestly bro!
I just found this video and this channel is GOLD
I'm so glad! Thank you so much. 😊 Keep coding.
after long time, i found this tutorial. Very helpful. Please make more of these❤❤
Thanks. For sharing knowledge.. 🎉
Something for the weekend ❤
Cooool bro...❤
Thank you so much for the tutorial!
This tutorial really helped me thanks alot👍
Very Informative Sir 💓
Just awesome 🤩🤩
Thanks 🤗 Keep coding.
Cool. Thanks for the tutorial.
completed within 1 hour..tysm
R u run this project successfully??
what about react admin dashboard for e-commerce react app
as you have mentioned there
its an very amezing video.
Those who are using the slice method on title and description.
If you are getting an error, try ternary operator on both title and description. The reason why we are getting error is because when we fetch the value of title or description from NEWSAPI, sometimes the value is null stored on the NewsAPI, which crashes the whole program.
Try this.
{title ?title.slice(0, 40) : "Breaking news"}
{description ? description.slice(0, 90) : "Updates: What is going on today, Check out here."}
This video is me help one of the most good video for UA-cam 😊❤
Thank you so much 🙏
Thank u so much
very helpful
keep it up⬆🎖
Great!
Amazing tutorial
awesome❤
Broo I need a source code it will very helpful, while executing ur same code getting some issues!!
I think it is better to use vite for the other projects too...❤
Great videos👏👏
Thank you so much!
Thank you sir 🙏.
Thanks a lot brother❤
thanks
react admin dashboard with Bootstrap will be great tuto
React vite with simple bootstrap of your video is super
thank you so much
Thanks sir
You're Welcome! 😊 Keep coding.
@@GreatStackDev sir the api you used can be only used in local host, but if I deploy it then from browser it's not accessible. Do you have any other APIs which can be accessed from browser also ?
My url API key doesnt have urlToImage so i cannot add urlToImage care to help?
I am facing an error when implementing slice() function into title and description. The screen just went blank. The error message in console was "Uncaught TypeError: Cannot read properties of undefined (reading 'slice')"
Bro what did you do for that slice problem
@@relangimammayyacodingcente9416 add != null after description. My code for line 8 at 24:20 is : {description != null ? description.slice(0, 90) : "No description"}
The problem is not with the slice method but with the data you're firing the method to. if you're using it for example Data.slice() try consoling the data, it may be undefined that's why the slice method might not be working
@@relangimammayyacodingcente9416 jaha par props pass kiye udhar slice krke dekhna work keega
title?tilte.slice(0,50):""
I got the notification and it disappeared on my notifications list 😢 had to search for wit, nice tutorial
The video came 25 minutes ago and the video is 34 minutes longer how you saw the video huhh
The only thing is that i am unable to deploy the project, it is working fine on localhost but screen becomes blank when deployed on vercel or netlify
Same problem..... help me to solve this blank yaar
Awesome
hey bro, can you make tutorial on how to create a website builder like WordPress?
He has that on his 30 days JavaScript project playlist
@@jojid.econar280 hey! I made a lot of WordPress websites and that was my complete waste of time. As you don't have any privacy coz plugins in WordPress can breach your data
Very nice
Thanks
7:50 why he remove import react statement .
Hey nice video. What does the slice() method actually do here?
api not giving Image and description.
Sir, this is small request make video on UA-cam clone using React
can u pls help me as i am getting error while using map function
Hello sir
I had a doubt y your react project outpage is different
Done!! ✅
I have some problem when I fetch api
hello bro need some help here😅😅😅😅 when i copied button from bootsrap and pasted it its working fine if i changed the class to classname then its not showing the styles just buttons showing no colors at all then again changed classname to class its working fine with showing colors to buttons and style what shoild i do if there is no classname then it isnt react ryt??
i can't access category in my api link by using this category=${category}.. screen got blank , any solution??
Paste the code in gpt and type correct it and it works .
hello sir,
mera newsapp nhi chal rha h
vo localhost:5173 pr 2-3 sec ke liye dikhta h bs
or automatic blank hojata h
plzzz help me sir👏👏👏👏👏👏
same with me also
Bro check your api and env file...
I also faced that problem but when I rechecked it I found i created .env file in my src folder but we have to create it outside the src folder
@@Assassin52 make env file is not important you can direct hit api in your code by using axios or .then .catch also use try and catch
@@jigsawgaming8677 yup...👍
Same problem
Brw i have one error in category change it doesn't change category 😢please help me
If same process is done in without using vite then how to connect the news api
NEWSAPI gives CORS error in free developer pack get result only in localhost failed while deployment
how to slove this
any other NEWSAPI for free deployment
broo am also facing the error while loading the page it shows me a blank page
Compiled with problems:
×
ERROR in ./node_modules/body-parser/lib/read.js 19:11-26
Module not found: Error: Can't resolve 'zlib' in 'C:\Users\bhumi\OneDrive\Desktop\NewsApp
ews
ode_modules\body-parser\lib'
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.
If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }'
- install 'browserify-zlib'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "zlib": false }
ERROR in ./node_modules/body-parser/lib/types/urlencoded.js 201:12-34
Module not found: Error: Can't resolve 'querystring' in 'C:\Users\bhumi\OneDrive\Desktop\NewsApp
ews
ode_modules\body-parser\lib\types'
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.
If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "querystring": require.resolve("querystring-es3") }'
- install 'querystring-es3'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "querystring": false }
ERROR in ./node_modules/content-disposition/index.js 21:15-39
i am getting this error
will news gets updated time to time?
Followed it step by step, i run npm run dev and i just get a blank screen.. please help
Same
I am also facing the same problem broo
can you tell me how you fix that error
slice is not working for description
Bro link giving msg setcategory is not a function how to solve it
I have the same issue.
Why the page is not loading ?
Am also facing the same issue whenever i run the npm command the page is loading but it disappear after few second.
can you tell me how you fix it ??
if im uploading the code in github and hosting it then its not working can u solve it
hi,
I am having a problem when pasting the navbar code into the navbar.jsx file, a syntax error arrises with the open and close curly brace and normal bracket which causes the navbar not to work. Please help thanks
I am getting this error code
[plugin:vite:react-babel] C:\Users\User\landlord_v5\src\Components\Navbar.jsx: Expected corresponding JSX closing tag for . (26:49)
29 |
C:/Users/User/landlord_v5/src/Components/Navbar.jsx:26:49
25 | Another action
26 |
27 | Something else here
| ^
28 |
29 |
setCategory("...")}>
setCategory("...")}>
setCategory("..")}>
setCategory("..")}>
setCategory("..")}>
Bro I'm facing 1 issue..
I have only 3 column not 4 why
I'm facing an error while fetching api. Can anyone help me to resolve
same here , pls help
How to host this website
facing some error anyone help mee
Where is the assets folder?
is it just me or is there anybody whose images are not showing i mean te one from the api
Ya same....did it worked? Can u pls guide me
use back ticks ` ` not " "
bro 1 doubt why you created a special file to store api key . you could have stored it in a variable in same file
for privacy so that no one can steal the api key
@@charlieyt1163oh got it that's why he created a .env file as he will not push it into github. thanks for your reply tho
bro can you make login form in navaigation bar?
using html and css only
I followed step by step but is not working
US bro US
Me too I'm getting empty data from api
Slice method is not working
Can I get the code ??
VITE-API-KEY IS UNDEFINED............. WHAT IS SOLUTION....?
Did u get any solution?
Can anyone tell me why the images of each news items are not loading. I mean the alt tag is getting executed not the src part.
Please help
try changing the country back to us in api url. The issue is caused due to incomplete information by api for certain fields when we change the country
@@avneetkaur2175 I am getting problem in setting .env file it shows error undefined map
@@ayushsinghal5521 did u get the solution?
my api is not working😌😌😔
What happened to Avinash?
Category is not working
Same prob
@@weirdomemeserror Solved ???
On Click İs Not Working If I Am Click The Any Category It İs Not Working
@@danishnadaf9890 yes it's solved
@@danishnadaf9890 well i changed the api , I use Google news api instead of his suggestion
Don't we call it website instead of app
can anyone provide source code?
plz share source code
Not working
I cant count how many times you said "we will", very tiring.
source code bhayya:(
jisko code chayie bata do]
api not working can you please share the code
emergency tomorrow is my interview help
Thanks. For sharing knowledge.. 🎉
Glad you like it! Thank you.