Thapa Technical
Thapa Technical
  • Видео 2 025
  • Просмотров 105 313 201
#42: Why Keys Are Important in React JS: Common Problems & Solutions Explained with Animation
In this video, we'll explore why keys are essential in React JS, the problems that arise when they are not used properly, and how to fix these issues. Through a coding example, you'll see firsthand the impact of missing keys on list rendering and updating. We'll use animation slides to make it easy to understand why keys are so important. By the end, you'll know how to use keys effectively to avoid common pitfalls and ensure your React applications run smoothly. For instance, see how missing keys in a todo list app can cause task update issues and how to solve them.
💸 Get All My RUclips Videos' Source Code for just ₹199! Grab Now - thapatechnical.shop/source-code
🧑‍💻 Access React Todo App R...
Просмотров: 726

Видео

#41: Host Your React Todo App for Free in 2024
Просмотров 1,3 тыс.2 часа назад
Learn how to host your React Todo app for free with this step-by-step guide. We'll cover everything from building your app to setting up free hosting on platforms like Netlify and Hostinger. Discover tips and tricks for a smooth hosting experience and understand the limitations of free hosting. Click here to buy India Best Hosting 👉 www.hostinger.com/thapa7 For Thapa Family 💥 Use the discount c...
#40: Keep Todo Data After Refresh: Adding Local Storage in React
Просмотров 8384 часа назад
Learn how to add local storage functionality to your React Todo app to persist data across sessions. This tutorial will guide you through storing Todo data, retrieving it as initial values, and handling common issues. Real-life example: Saving a shopping list to access it later, even after closing the browser. 💸 Get All My RUclips Videos' Source Code for just ₹199! Grab Now - thapatechnical.sho...
#39: Best Way to Store Todo Values in State & Adding Button to Check/Uncheck
Просмотров 1,1 тыс.7 часов назад
In this video, we will enhance our React Todo app by adding keys for better performance and a button to check/uncheck tasks. Learn how to manage state updates, handle form submissions, and ensure data integrity in your Todo app. Real-life example: Adding and managing a grocery list efficiently. 💸 Get All My RUclips Videos' Source Code for just ₹199! Grab Now - thapatechnical.shop/source-code 🔥 ...
India's Biggest Server Sale - 90% OFF! Lowest Prices Ever on Hosting Plans!
Просмотров 9199 часов назад
Click here to buy India Best Hosting 👉 www.hostinger.com/thapa7 For Thapa Family 💥 Use the discount code THAPA7 to get Extra 10% OFF! Discover the amazing deals in the Hostinger Monsoon Server Sale with a massive 90% discount on hosting plans! In this video, we'll show you why this is the best time to get started with Hostinger, how to choose the right plan for your needs, and how you can save ...
#38: React Todo List: Creating and Sharing Reusable Components with Best Practices
Просмотров 1,9 тыс.12 часов назад
In this video, we enhance your React Todo List by creating and sharing reusable components while following best practices. Learn how to develop a reusable todo form and list, incorporate a date-time component, and maintain a clean and scalable codebase. This practical tutorial is perfect for both beginners and experienced developers, offering real-world examples to elevate your React skills. 📢 ...
#37: Delete Elements and Auto-Update Tasks in React: Add a Clear All Button to Your To-Do App
Просмотров 1,4 тыс.14 часов назад
Learn how to enhance your React.js to-do app with real-time updates by adding delete functionality for individual tasks and a clear all button. This tutorial will show you how to handle user interactions, update the state, and create a smooth user experience. For instance, we'll demonstrate how to efficiently manage task deletions and clear all tasks in a to-do list. Perfect for React developer...
#36: Create a Real-Time Digital Clock in React - Display Current Date and Time in Todo App
Просмотров 1,6 тыс.16 часов назад
Learn how to create a real-time clock in React that displays the current date and time, updating every second. This tutorial covers the basics of setting up a dynamic digital clock using React hooks like useState and useEffect, ensuring your clock remains accurate and responsive. Perfect for enhancing your React projects with real-time functionality. 📢 Exclusive Offers: 💸 Get All My RUclips Vid...
Create Up to 100 Free Custom Professional Emails for Your Company Domain on Hostinger 💹
Просмотров 1,5 тыс.21 час назад
Click here to buy India Best Hosting 👉 www.hostinger.com/thapa7 For Thapa Family 💥 Use the discount code THAPA7 to get Extra 10% OFF! In this video, you'll learn how to create a free custom professional email using Hostinger, a crucial step for enhancing your business credibility. We'll walk you through the process, from understanding the anatomy of an email to setting up and managing your cust...
#35: Why we use Three Dots in useState: Discover 4 Real Use Cases of the Spread Operator in React
Просмотров 1,4 тыс.21 час назад
Dive into the world of React.js with our detailed tutorial on the spread operator and its usage in the useState hook. Learn the syntax and four practical use cases of the spread operator, including copying arrays, concatenating arrays, adding elements to an array, and spreading object properties. 🔥 Access Source Code, PPT & Notes here for Free : www.thapatechnical.com/2024/06/react-project-buil...
#34: React Project - Build a Complete Todo App from Scratch with Advanced Features
Просмотров 3,8 тыс.День назад
We will see the power of React.js with this comprehensive tutorial on building a complete Todo App from scratch. Whether you're a beginner or an advanced user, you'll learn everything from setting up the project and folder structure to handling form submissions and state management using the useState hook. Perfect for those looking to enhance their React skills and understand best practices. 🔥 ...
#33: Best Website to Find Icons for Your React App: Complete Installation and Usage Guide
Просмотров 1,7 тыс.День назад
Welcome, In this video, learn how to find, install, and use high-quality icons in your React.js projects. We'll reveal the best website for sourcing icons and demonstrate step-by-step how to integrate and style them in your React applications. Perfect for enhancing your app's UI with professional icons. Real-life example: Add a stylish to-do list icon to your project! 🔥 Access PPT & Notes here ...
#31: React Mini Project🔥Toggle Switch Button Component
Просмотров 2,2 тыс.День назад
Welcome, Learn how to create a toggle switch in React from scratch in this comprehensive tutorial. We'll cover everything from the project setup to dynamically changing the text and colors based on state. Perfect for both beginners and advanced developers looking to master React components with practical examples. 🚀 Master React.js 19 Series with Thapa Technical! 🚀 🔥 Access Source Code, PPT & N...
#31: Why You Need to Lifting State Up in React: A Complete Guide with Animation
Просмотров 1,8 тыс.День назад
Learn how to efficiently manage state in React by mastering the concept of lifting state up. This video covers the importance of lifting state, with detailed explanations, animations, and practical examples to help you enhance your React applications. 🚀 Master React.js 19 Series with Thapa Technical! 🚀 🔥 Access PPT & Notes here : www.thapatechnical.com/2024/06/why-you-need-to-lifting-state-up-i...
5 Key Tips Before You Buy: Which is India’s Best Web Server 2024? Hostinger Review & Special Offer!
Просмотров 1,2 тыс.14 дней назад
5 Key Tips Before You Buy: Which is India’s Best Web Server 2024? Hostinger Review & Special Offer!
#30: Derived State in React.js: Improving State Management and Remove Redundancy & Dependency
Просмотров 1,7 тыс.14 дней назад
#30: Derived State in React.js: Improving State Management and Remove Redundancy & Dependency
#29: React JS State Challenge: Master useState with Objects - Test Your Skills 🧑‍💻
Просмотров 1,5 тыс.14 дней назад
#29: React JS State Challenge: Master useState with Objects - Test Your Skills 🧑‍💻
#28: Why the state value does not reset to its initial value on re-render? Know the Real Reason🔥
Просмотров 1,7 тыс.14 дней назад
#28: Why the state value does not reset to its initial value on re-render? Know the Real Reason🔥
#27: How React State Works: In-depth Guide with Theory, Animation, and Practical Examples
Просмотров 2,3 тыс.14 дней назад
#27: How React State Works: In-depth Guide with Theory, Animation, and Practical Examples
#26: React States: What is useState Hook & Why we need it in React
Просмотров 2,1 тыс.14 дней назад
#26: React States: What is useState Hook & Why we need it in React
#25: Event Propagation in React: Capturing, Bubbling, and Practical Implementation🔥
Просмотров 2,3 тыс.14 дней назад
#25: Event Propagation in React: Capturing, Bubbling, and Practical Implementation🔥
#24: Passing Events as Props in React | Control Parent Function Using Child Component🔥
Просмотров 2,1 тыс.14 дней назад
#24: Passing Events as Props in React | Control Parent Function Using Child Component🔥
#23: Event Handling in React: Synthetic Events, Naming Conventions of Events & Functions & More
Просмотров 2,6 тыс.21 день назад
#23: Event Handling in React: Synthetic Events, Naming Conventions of Events & Functions & More
#22: Tailwind CSS in React v19: Installing and Using Tailwind CSS to Style Your React App🔥
Просмотров 2 тыс.21 день назад
#22: Tailwind CSS in React v19: Installing and Using Tailwind CSS to Style Your React App🔥
#21: Styled Components in React JS for Clean and Dynamic UI
Просмотров 2,3 тыс.21 день назад
#21: Styled Components in React JS for Clean and Dynamic UI
#20: CSS Modules in React: Scoped and Reusable Styles | React Tutorial in Hindi
Просмотров 2,4 тыс.21 день назад
#20: CSS Modules in React: Scoped and Reusable Styles | React Tutorial in Hindi
Python Master Class - for Only ₹99*🔥
Просмотров 1,5 тыс.21 день назад
Python Master Class - for Only ₹99*🔥
#19: Conditional Styling for Dynamic UIs in React.js | When and Why to Use It in React App
Просмотров 2,4 тыс.21 день назад
#19: Conditional Styling for Dynamic UIs in React.js | When and Why to Use It in React App
#18: Inline CSS Styling in React.js: Essential Rules and Best Practices | React Tutorial in Hindi
Просмотров 2,2 тыс.21 день назад
#18: Inline CSS Styling in React.js: Essential Rules and Best Practices | React Tutorial in Hindi
#17: Add CSS Styling in React: Class vs ClassName Explained in React JS
Просмотров 2,6 тыс.21 день назад
#17: Add CSS Styling in React: Class vs ClassName Explained in React JS

Комментарии

  • @dhevesharun4147
    @dhevesharun4147 12 минут назад

    bhai kya video thaa yar thank u so much i also subscribed you

  • @AyeshaTahirAyeshaTahir
    @AyeshaTahirAyeshaTahir 47 минут назад

    best

  • @muhammaddaniyal6802
    @muhammaddaniyal6802 Час назад

    best course

  • @abn_maser7641
    @abn_maser7641 Час назад

    ربنا يهديك و تخش الاسلام May God guide you and join Islam ईश्वर आपका मार्गदर्शन करें और इस्लाम में शामिल हों

  • @MuhammadRizwan-ym4bl
    @MuhammadRizwan-ym4bl Час назад

    Axios is better than fetch api

  • @user-ql7pw7ld1n
    @user-ql7pw7ld1n 2 часа назад

    Totally amazing way of teaching.love this

  • @user-ql7pw7ld1n
    @user-ql7pw7ld1n 2 часа назад

    Wow amazing love this

  • @JawadJabbarKhanAuthoi
    @JawadJabbarKhanAuthoi 2 часа назад

    thank you very much

  • @HimanshuDas-fj8ds
    @HimanshuDas-fj8ds 2 часа назад

    Content is awesome but you should loyal to the students or the viewers.If you can't provide free source code then tell directly that its paid.Dont tell lie.

  • @harshitkatiyar3866
    @harshitkatiyar3866 3 часа назад

    vs code me weather_icon show nhi rkr rha hai to isko kaha se get kru sir . please help

  • @rizwanahmadkhan8098
    @rizwanahmadkhan8098 3 часа назад

    There are so many way to solve this problem but i want to improve my logic that’s why I haven’t used inbuilt method function removeDuplicteValue(arr){ let newArr = [] for(let i=0; i<arr.length; i++){ if(!newArr.includes(arr[i])){ newArr.push(arr[i]) } } return newArr } let arr = [1,2,34,2,43,24,24,34,6,7] console.log(removeDuplicteValue(arr)) 2nd way (it’s also sort the array value) function removeDuplicteValue(arr){ let obj = {} let newArr =[] for(let i=0; i<arr.length; i++){ obj[arr[i]] = (obj[arr[i]] || 0) + 1 } for(let key in obj ){ newArr.push(Number(key)) } return newArr } let arr = [1,2,34,2,43,24,24,34,6,7] console.log(removeDuplicteValue(arr))

  • @React_Dev_YT
    @React_Dev_YT 3 часа назад

    sir react 19 ke hooks kab cover honge?????

  • @pranotidhangar9998
    @pranotidhangar9998 3 часа назад

    7 videos are hidden 😢.why?

  • @rizwanahmadkhan8098
    @rizwanahmadkhan8098 4 часа назад

    function sum(num){ let sum = 0; while(num > 0){ let rem = num % 10 sum = sum+rem num = Math.floor(num/10) } return sum } let result = sum(767675) console.log(result)

  • @bhumikasethi7175
    @bhumikasethi7175 4 часа назад

    Promise done

  • @harshitkatiyar3866
    @harshitkatiyar3866 5 часов назад

    hello sir . i have purchased your source code . but how can i download your React JS PPT (latest series) .. please help

  • @ProtozoaYTGaming
    @ProtozoaYTGaming 5 часов назад

    sir ji ap up se hai na

  • @ProtozoaYTGaming
    @ProtozoaYTGaming 5 часов назад

    love you sir thank you sir ji

  • @devlroshan
    @devlroshan 5 часов назад

    React Done 🤏🏻😎

  • @RamPatel-zu3he
    @RamPatel-zu3he 6 часов назад

    GGGGGGGGGGGGGGGGGGGGGJJJJJJJJJJJJJJJJJJJJJJJJJJBBBBBBBBBBBBBBBBBBBBBBBBBBBB

  • @RamPatel-zu3he
    @RamPatel-zu3he 6 часов назад

    oooooooooooossssssssssssmmmmmmmmmmmmm

  • @user-ql7pw7ld1n
    @user-ql7pw7ld1n 7 часов назад

    loved it awesome course

  • @jahedaakther402
    @jahedaakther402 8 часов назад

    Besttttttttttttttttttt course. No doubt❤❤💕💕

  • @user-ql7pw7ld1n
    @user-ql7pw7ld1n 8 часов назад

    I loved the first program.I completely loved it :) best hindi tutorials

  • @user-td6pe9li8g
    @user-td6pe9li8g 10 часов назад

    import React from "react"; const users = [ { name: "Alice", age: 25 }, { name: "bob", age: 22 }, { name: "rohan", age: 35 }, { name: "naved", age: 30 }, { name: "vasim", age: 40 }, ]; const List = () => { const listItems = []; for (let i = 0; i < users.length; i++) { listItems.push( <li key={i}> {users[i].name} {users[i].age} years old </li> ); } return <>{listItems}</>; }; const User = ()=>{ return ( <> <ul> <List/> </ul> </> ); } export default User;

  • @AdityaGrover-ly9jf
    @AdityaGrover-ly9jf 13 часов назад

    🥰🥰🥰🥰🥰🥰🥰

  • @MDTalha-vt9bi
    @MDTalha-vt9bi 14 часов назад

    function countVowels(str) { const vowels = ["a", "e", "i", "o", "u"]; str = [...str]; let count = 0; str.map((i) => { if (vowels.includes(i.toLowerCase())) { count = count + 1; } }); return count; } console.log(countVowels("Hello world"));

  • @AdityaGrover-ly9jf
    @AdityaGrover-ly9jf 14 часов назад

    🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰

  • @rizwanahmadkhan8098
    @rizwanahmadkhan8098 15 часов назад

    function hashGenerate(str){ if(str.length >= 280 || str.trim().length === 0){ return false } let newStr = str.split(" ") let hashWord = '' for(let i =0; i<newStr.length; i++){ if(i == 0){ let capWord = newStr[i].charAt(0).toUpperCase().concat(newStr[i].slice(1)) hashWord += '#'.concat(capWord) } else{ let capWord = newStr[i].charAt(0).toUpperCase().concat(newStr[i].slice(1)) hashWord += capWord } } return hashWord } let str = 'javascript is most popular language' console.log(hashGenerate(str))

  • @rizwanahmadkhan8098
    @rizwanahmadkhan8098 15 часов назад

    function findLongestWord(str){ let strArr = str.split(" ") let longestWord = ''; for(let char of strArr){ if(longestWord.length < char.length){ longestWord = char } } return longestWord } let str = "JavaScript is a powerful and flexible language that opens up a lot of possibilities in web development" console.log(findLongestWord(str))

  • @honuralikhan2789
    @honuralikhan2789 15 часов назад

    Sir, im yiur big friend please ek request hai please help me sir mobile recharge DTH recharge etc etc website kaise baniaye full video with api video banaye please sir 🙏🙏🙏🙏🙏🙏

  • @user-xu7xd1uk3k
    @user-xu7xd1uk3k 15 часов назад

    TypeError: schema.parseAsync is not a function error issue resolved: use below in middleware part const {parseAsync} = require("../validators/auth-validator"); const validate = (Schema) => async(req,res,next) => { try{ const parseBody = await parseAsync(req.body); req.body = parseBody; //next(); }catch(err){ //const message = err.errors[0].message; console.log(err); const message = err.issues[0].message; res.status(400).json({msg: message}); } }; module.exports = validate;

  • @tapasmeher5384
    @tapasmeher5384 15 часов назад

    ♥♥♥

  • @aadarshkaushik3392
    @aadarshkaushik3392 16 часов назад

    commenting for reach

  • @tusharkutre188
    @tusharkutre188 16 часов назад

    Bhai when u will bring Netflix clone?

  • @Supreme.Speech29
    @Supreme.Speech29 16 часов назад

    thapa bro ,,i am from pakistan ,i am big fan of you please tell us where from you get box shadow whach you used in almost videos

  • @abubakarkhan4732
    @abubakarkhan4732 16 часов назад

    NEW COMER IS HERE :)

  • @swapnilpatil2862
    @swapnilpatil2862 16 часов назад

    And boom guys

  • @firefly1887
    @firefly1887 16 часов назад

    what does '!!' mean? I learned '!"

  • @user-ql7pw7ld1n
    @user-ql7pw7ld1n 17 часов назад

    I like the way how you explain it bit by bit..but one thing is it is at 720p...plz make it atleast 1080p

  • @user-qx5vw5yo4w
    @user-qx5vw5yo4w 17 часов назад

    1 is valis 2 is valid 3 is not valid 4 is valid 5 is not valid

  • @poonamghosh850
    @poonamghosh850 17 часов назад

    how i can get source code sir

  • @riyaghosh532
    @riyaghosh532 18 часов назад

    Thank you so much sir Before seeing this video I was very much tensed about html practical but now I feel confident 😊 This video helps me a lot

  • @MrDesigner-cr2ki
    @MrDesigner-cr2ki 18 часов назад

    Ye rewind krke dekhna pad raha hai upar se Gaya ye concept 😂

  • @Faizan_Iqbal07
    @Faizan_Iqbal07 18 часов назад

  • @AshishSingh-kq7kl
    @AshishSingh-kq7kl 18 часов назад

    Code likhte ho kuch baad me change ho jata h Jase html ka code last me change ho gya ab kase karu kyuki code mil hi nhi r h .too copy paste karne ke baad thoda push bhi kiya kare jise koi note kr sake

  • @himanshudubey1824
    @himanshudubey1824 18 часов назад

    image ko import kasay kre

  • @nobodyknows2515
    @nobodyknows2515 19 часов назад

    sir i stuck at mouse events , mouse events like mouseout is not working after click or double click or mouse up or mouse down

  • @KanchanKangne
    @KanchanKangne 19 часов назад

    Thank you! Good work sir

  • @UdayBuildwell
    @UdayBuildwell 20 часов назад

    bro ye bilkul bhi smjh me nahi ayi video please explain kro objects kaise deal kiya state ke sath??????????