Тёмный
Front-End Hacks
Front-End Hacks
Front-End Hacks
Подписаться
This is the channel about Web Development tips tricks and tutorial. Please Stay tuned for more updates.
React New Release - Beta Version
3:53
2 года назад
useState Hook in React JS in Hindi
12:46
2 года назад
Props in React JS in Hindi
12:57
3 года назад
Комментарии
@hamzashabbir6462
@hamzashabbir6462 15 дней назад
Length is property or a method?
@unknownuser7137
@unknownuser7137 2 месяца назад
nice one,,👍🏻
@frontendHacks
@frontendHacks 2 месяца назад
Thanks ✌️
@hammadsaeed9762
@hammadsaeed9762 3 месяца назад
Well explanation 🎉❤
@frontendHacks
@frontendHacks 3 месяца назад
Glad you liked it
@Petergwen00
@Petergwen00 4 месяца назад
bhai ye btana ki mene .env file bnaye hai and now ab mujhe apna project host krna hai on netlify so mujhe jo .env file hai use ignore krna hai kyuki usme sensitive info hai so mene gitignore file me .env addd kra but .env file dark gray nhi huye matlab ignore nhi huye ...how to ignore it give me solution brother please bhai..
@frontendHacks
@frontendHacks 3 месяца назад
Add it in .gitignore file and push your changes to any branch and then you can see .env as grey out
@Surya77_6
@Surya77_6 5 месяцев назад
Sir have u used any library for infinite scrolling
@Rajkumar-vc5dd
@Rajkumar-vc5dd 6 месяцев назад
Boo is it the same for react typescript
@RavindraSingh-zg9eq
@RavindraSingh-zg9eq 6 месяцев назад
amazing bro , loving the content and explanation
@PathakFX
@PathakFX 6 месяцев назад
thank you so much. I have been looking since morning. Subscribed. Thanks a lot
@RavindraSingh-zg9eq
@RavindraSingh-zg9eq 6 месяцев назад
same here
@frontendHacks
@frontendHacks 28 дней назад
Thanks for the sub!
@user-un3lj7iu7v
@user-un3lj7iu7v 7 месяцев назад
13:44 why you are using map function instead of forEach function to loop through all products?
@frontendHacks
@frontendHacks 3 месяца назад
foreach Loop does not return something , while map function return a new array thats why we use map inside react
@writterpanditsid5048
@writterpanditsid5048 7 месяцев назад
mera nahi ho pa raha mujhe poore height ki bajay ek fixed and small view ke liye karna hai iske liye mai kya karu bro ?
@frontendHacks
@frontendHacks 7 месяцев назад
<div id="scrollableDiv" style={{ height: 300, overflow: 'auto', display: 'flex', flexDirection: 'column-reverse', }} > {/*Put the scroll bar always on the bottom*/} <InfiniteScroll dataLength={this.state.items.length} next={this.fetchMoreData} style={{ display: 'flex', flexDirection: 'column-reverse' }} //To put endMessage and loader to the top. inverse={true} // hasMore={true} loader={<h4>Loading...</h4>} scrollableTarget="scrollableDiv" > {this.state.items.map((_, index) => ( <div style={style} key={index}> div - #{index} </div> ))} </InfiniteScroll> </div>
@frontendHacks
@frontendHacks 7 месяцев назад
The InfiniteScroll component can be used in three ways. Specify a value for the height prop if you want your scrollable content to have a specific height, providing scrollbars for scrolling your content and fetching more data. If your scrollable content is being rendered within a parent element that is already providing overflow scrollbars, you can set the scrollableTarget prop to reference the DOM element and use it's scrollbars for fetching more data. Without setting either the height or scrollableTarget props, the scroll will happen at document.body like Facebook's timeline scroll. Check Documentation Here www.npmjs.com/package/react-infinite-scroll-component
@javedkhan0142
@javedkhan0142 7 месяцев назад
hi brothe bhair hmare usme ErrorMassage run nahi ho rha he Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead. ye error de rha he
@frontendHacks
@frontendHacks 7 месяцев назад
Share your code
@alfaloverss3116
@alfaloverss3116 7 месяцев назад
Product details page kaise bnaye
@_MOHAMMADASHRAF
@_MOHAMMADASHRAF 7 месяцев назад
from where get api url???
@AmanKumar-ps8th
@AmanKumar-ps8th 8 месяцев назад
great video but what i found is it will still re-render todo list component when you do not pass prop to it. if you just import todo component to LearmMemo component it still re-render. this scenario is without using memo just to check wether this happens only after passing prop or direct import of component also re-render.
@anubhavsharma5251
@anubhavsharma5251 8 месяцев назад
thank you brother
@frontendHacks
@frontendHacks 7 месяцев назад
Welcome
@Story_Sphere96
@Story_Sphere96 9 месяцев назад
Bro your explain techniques is very good keep it up 👌👌
@frontendHacks
@frontendHacks 7 месяцев назад
Thank you so much 😀
@saurabhkamble3211
@saurabhkamble3211 10 месяцев назад
Great video!! I learned some new concepts and built my first basic app with your help!! Thanks a ton <3 <3
@axitpoojara
@axitpoojara 10 месяцев назад
Nice explaination
@programmingera8851
@programmingera8851 11 месяцев назад
Very useful
@HarrisNadeem-d1y
@HarrisNadeem-d1y Год назад
Excellent Video. Perfect teaching speed. Thanks
@frontendHacks
@frontendHacks Год назад
Glad it was helpful!
@sheershasrivastava6388
@sheershasrivastava6388 Год назад
bahut hi simple that i have seen much complex explanations
@frontendHacks
@frontendHacks Год назад
Keep watching
@sanketgole4199
@sanketgole4199 Год назад
Usememo q nahi use kar sakte yaha pe
@frontendHacks
@frontendHacks Год назад
useMemo is used for value and usecallback is used for functions here is the video link ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9ihoRGrie9Q.html&ab_channel=Front-EndHacks
@ankushmaurya9426
@ankushmaurya9426 Год назад
Thanks Dear
@frontendHacks
@frontendHacks Год назад
You’re welcome 😊
@MohitKumar-nf5jn
@MohitKumar-nf5jn Год назад
amazing
@frontendHacks
@frontendHacks Год назад
Thanks
@dhirajsitu
@dhirajsitu Год назад
Sir how to get api link and key?
@frontendHacks
@frontendHacks Год назад
Try Creating an account in openweathermap.org/ and you will get key
@vikashsharma5844
@vikashsharma5844 Год назад
Bhai 200 data mere pass rakha hua hai object me usko kaise 10 10 ke part me show karwayenge
@frontendHacks
@frontendHacks Год назад
Share your codesandbox, will help you
@vikashsharma5844
@vikashsharma5844 Год назад
@@frontendHacks sir aap bss aisa samjh ke code bana do ki mere pass ek array hai usme 100 data hai maan lo koi div he hai ya image mai chahta hu ki phle scree par 10 data show ho fir scrol karne par next 10 concat with previous aise 100 tak chale aap samjh gye... Aisa code mujhe likh ke do na sir mai 3 din se searc karte karte pagal ho gya huu
@saurabhkumarsingh4628
@saurabhkumarsingh4628 Год назад
how to make mock api
@frontendHacks
@frontendHacks Год назад
You can use this for mock apis mockapi.io/
@aarushvlogs7650
@aarushvlogs7650 Год назад
Useful lesson, Thanks ❤
@frontendHacks
@frontendHacks Год назад
You're welcome 😊
@prathameshpawar985
@prathameshpawar985 Год назад
AWESOME ❤
@frontendHacks
@frontendHacks Год назад
Thanks 🤗 Please like and subscribe too for future updates
@shikhasingh5039
@shikhasingh5039 Год назад
👏👏👍👍
@VarshaTN-ls4jn
@VarshaTN-ls4jn Год назад
So basically it converts non primitive data type to primitive data type and it makes them immutable , i think this freeze() is applicable for arrays as well as its non primitive .
@frontendHacks
@frontendHacks Год назад
Yes
@studycircle096
@studycircle096 Год назад
Great explain bro
@frontendHacks
@frontendHacks Год назад
Glad you liked it
@adarshrai5807
@adarshrai5807 Год назад
Last example was informative
@frontendHacks
@frontendHacks Год назад
Please like and subscribe this channel too
@shikhasingh5039
@shikhasingh5039 Год назад
👍👍👍
@Software-engineer-III-Java
@Software-engineer-III-Java Год назад
Uje nhi hota Use hota hai.....Confujion nhi hota....Confusion hota.......pehle english ke simple words bolna seekh beta.......
@frontendHacks
@frontendHacks Год назад
Ok bro
@sourabhlodhi1675
@sourabhlodhi1675 Год назад
Sir aap itne din se videos ku nhi dal rahe the
@frontendHacks
@frontendHacks Год назад
Time Issue , Now I m back
@shikhasingh5039
@shikhasingh5039 Год назад
Thank you sir ...this is very helpful 😊😊
@frontendHacks
@frontendHacks Год назад
Most welcome 😊
@shikhasingh5039
@shikhasingh5039 Год назад
Next video sir?
@frontendHacks
@frontendHacks Год назад
Very soon
@shikhasingh5039
@shikhasingh5039 Год назад
Waiting sir ☺️☺️
@rutsp
@rutsp Год назад
Very Helpfull!!!
@TanzilaUsmani
@TanzilaUsmani Год назад
I want to just ask one question if we want to pass data in componentC then we can also pass component c in app.js and pass prop in this
@tapaseditzz2439
@tapaseditzz2439 6 месяцев назад
then how can we get the data from component a and c
@ashishkushwaha2910
@ashishkushwaha2910 Год назад
git repo for the source code will be appreciated
@MdMasudulKabir
@MdMasudulKabir Год назад
Very Good
@sibghakhurram6210
@sibghakhurram6210 Год назад
This is really really helpful video..I hv watched many weather related videos but Only hv done my sork by watching yr video ..thankssss
@radhikashah1278
@radhikashah1278 Год назад
Your tutorial has helped me a lot to learn react and implement environment variables on my ongoing project. Thanks a lot.
@frontendHacks
@frontendHacks Год назад
Great to hear!
@x..darkfate..x
@x..darkfate..x Год назад
Those who face issue in API const apiURL = "api.openweathermap.org/data/2.5/weather?q=" + cityName + "&appid=" + apiKey const apiKey = "f56f24967aaf51182d1d4df628297c6d"
@yogeshkumarpatil591
@yogeshkumarpatil591 Год назад
Good Video Explanatioin is 100% correct.
@gauravkumarpradhan9036
@gauravkumarpradhan9036 Год назад
Really Osm Explanation Bhaiya , keep it up
@frontendHacks
@frontendHacks Год назад
Keep watching
@shubhamshrivastava1504
@shubhamshrivastava1504 Год назад
I am facing issue of API.
@AMRISHKHUSH
@AMRISHKHUSH Год назад
Bade bade Microsoft waale nhi smja paaye aapne ek video me sb clear kr diya really appreciate it sir make more videos
@frontendHacks
@frontendHacks Год назад
Thanks
@NehaJangid-f8j
@NehaJangid-f8j Год назад
Hi, my axios is not working , its saying axios is not defined, even I installed it, can anyone help?