Why do we need React? | The Complete React Course | Ep.01

Подписаться 75 тыс.

Просмотров 25 тыс.

50% 1

Final Code: github.com/procodrr/react-cou...
📖 Chapters
00:00 - Introduction
00:30 - Few scenarios where React works better that JavaScript!
01:57 - Can we navigate to new page without refresh?
03:55 - Let's learn from a practical example
12:30 - Quick Assignment - JavaScript
13:14 - Solution
25:15 - What is Imperative Programming?
25:57 - What is Declarative Programming?
28:11 - 3 Primary Reasons to learn React - Declarative Programming, Component Architecture, and Single Page Application
32:17 - Conclusion
In this video, I'll dive into the fascinating world of programming paradigms and explore the concepts of declarative and imperative programming.
First, I'll delve into imperative programming, the traditional programming paradigm that emphasizes step-by-step instructions and detailed control flow.
Next, I'll demystify declarative programming by explaining how it simplifies the process of writing code.
But that's not all! We'll then shift our focus to React, a popular JavaScript library that leverages declarative programming to build user interfaces efficiently. We'll explore why React shines in certain situations where it outperforms traditional JavaScript approaches. You'll discover the advantages of using React's component architecture, which promotes reusable and modular code, along with the benefits of creating single-page applications.
To wrap up the video, I'll share three primary reasons why learning React is beneficial for both beginners and experienced developers.
Whether you're new to programming or looking to expand your skillset, this video will provide you with a solid foundation in understanding the differences between declarative and imperative programming. Additionally, you'll discover the compelling reasons why learning React can significantly enhance your web development journey.
I can't wait to see how you embrace declarative programming and leverage React's capabilities to build amazing applications. Let's get started on this exciting journey!
Have any doubts? Join this Telegram group and ask your question. You can also share the projects that you make in this group.
Telegram Group : t.me/procodrr
Sunday QnA Link: meet.google.com/vbp-hqnm-eiq
Social Media
🌐 Telegram: t.me/procodrr
🌐 Linkedin: / anurag-singh-web-devel...
🌐 Instagram: / procodrr
🌐 Twitter: / anuragsinghbam
🌐 Portfolio: anuragsinghbam.com/
Music by geoffharvey from Pixabay
#react #procodrr #webdevelopment

Опубликовано:

2 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@nobody20022 14 дней назад

Summary: Why do we need react? 1) Declarative Programing: React's virtual DOM allows for efficient updates and rendering of the UI. Instead of making direct changes to the actual DOM. This approach significantly boosts performance, especially in applications with frequent updates and dynamic content. 2) Component-based architecture: Component-based architecture in React involves building UIs by creating small, self-contained, and reusable components. This approach promotes encapsulation, reusability, composability, and maintainability, making it easier to develop and manage complex applications. 3) Single-page application: It provides a fast, seamless, and interactive user experience. By reducing full-page reloads and handling navigation within the client. Note: This much I understood from the video.

@praveenkanwar953 4 месяца назад

This is actually most important video that nobody teaches why even we need react in first place

@shazzyvevocado7184 4 месяца назад

seriously even though i have an experince of more than 2 years but still learning lots of thing from you. thanks for giving solid fondation

@procodrr 4 месяца назад

Awesome, keep learning and sharing 😊

@SonaBeau_13 2 месяца назад

Beginning the course with such a clear and informative lecture was truly enlightening 👏

@pubgwala5104 4 месяца назад

Best react course on youtube

@PranavKJha 2 месяца назад

Beautifully Explained. You are a Gem Sir.

@prakashnavin6245 3 месяца назад

amazing sir your teaching style is too good

@shubhagarwal3127 4 месяца назад

thank you sir for this contribution for us

@riajikbal2938 3 месяца назад

Best react series 🎉

@CoderBB Год назад

Ye to kisi ne nai smjaya bhai 🔥 Aur tutorials me to direct react install krwate h 😂

@procodrr Год назад

Abhi 4-5 videos tak create-react-app use bhi nahi karenge. Abhi kaafi fundamentals seekhna baaki hai.

@bacomedyfollow9247 Год назад

Anurag bhai.. Humne suna h k C-R-A k team ne abhi isko use krne ka recommend nahi krte h.. So kya ap next ya gastby use karoge

@procodrr Год назад

CRA ham bhi nahi use karenge, is video mein maine bataya hai ki ham kya use karenge. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-h_TGiSZnwz8.html

@not_amanullah 3 месяца назад

this is helpful ❤

@wanderwithprateek Год назад

very excited to learn React!!

@procodrr Год назад

Awesome bro 😊

@nityanand9773 3 месяца назад

Thank you very much 😁 Unique way of teaching and great part is why to learn.

@procodrr 3 месяца назад

Awesome, keep learning and sharing 😊

@MoneyMaker-rg4qg 3 месяца назад

Bhaiyaa aapka samjhane ka tarik bahut hi accha laga warna bade bade youtuber directly isko install karke isme Hello world ke program ko run kaise karte hain usko samjhate hain

@procodrr 3 месяца назад

I'm glad that you liked my teaching style. Keep learning and sharing 😊

@stallyonstester6103 Месяц назад

greate sir

@musicalcasio5146 6 месяцев назад

you r doing great sir thankyou so mucgh for your efforts

@procodrr 6 месяцев назад

Awesome, keep learning and sharing 😊

@abhirk1 Месяц назад

Lovely

@NaveenSharma-fy8gy 2 месяца назад

love you sir

@ilyazzz_31 11 месяцев назад

Thank you so much sir for your efforts☺

@procodrr 11 месяцев назад

Welcome, keep learning and sharing 😊

@NRJCreations Год назад

Engaging❤

@procodrr Год назад

❤️

@AvaisAnsari-en6qm 3 месяца назад

Anurag ji bahot achche se smjaya apne.. maza hi aagya bhaiyya

@procodrr 3 месяца назад

Awesome, keep learning and sharing 😊

@GauravSingh-id2mf Год назад

very well explained ...thanku

@procodrr Год назад

Welcome ❤️

@ujjwalcomputercenter7635 15 дней назад

Good sir ji

@MoneyMaker-rg4qg 3 месяца назад

Aaj aapke video ko pahli baar dekha aur sach mein bahut accha laga sab chij ko aapne bahut hi simple way mein bataya aapka samjhane ka tarika itna accha laga ki main aapke channel ko ish video ke dekhne ke baad hi subscribe kar diya

@procodrr 3 месяца назад

Thanks for subscribing 😊

@etube7162 Месяц назад

itne details me video kon banata hai bhai .... 😍😍😍😍😍

@procodrr Месяц назад

❤️

@kapilrana4043 3 месяца назад

wah bhai kya intro diya aajtak kisi se aisa difference nahi samjhaya sab bas direct npx create-react-app par aajate hai koi nahi smajhata

@procodrr 3 месяца назад

Awesome, keep learning and sharing 😊

@Coden69 9 месяцев назад

great explanation

@procodrr 9 месяцев назад

Awesome, keep learning and sharing 😊

@MoneyMaker-rg4qg 3 месяца назад

Bhaiyaa Main Js ko bahut acche se padh liya hai aur es 6 ko bhi accha se padha hai css aur html bhi kar liya hai par main sirf 12th passout hun toh kya main react js ko learn karke frontend ke liye apply kar sakte hain???

@sruthimaddu7571 Месяц назад

It will be helpful for other language people also if there is an option of subtitles in English

@utkarshsingh2868 4 месяца назад

can you please explain why are we using class there not className in button tag?

@procodrr 4 месяца назад

Because this is not a React project that we have created. This is simple HTML, CSS and JavaScript project.

@Abhisheksoft Год назад

Great explanation mera javascript complete nhi hua react start kr diya

@procodrr Год назад

DOM manipulation tak agar JavaScript aati hai to React seekh sakte ho.

@Abhisheksoft Год назад

@@procodrr hn sir aati hai

@procodrr Год назад

Awesome 👍

@codewithrohit2927 Год назад

Make a tutorial on how to make portfolio site like you have

@procodrr Год назад

After React series is completed then I'll make a video on portfolio.

@exploretheworld926 11 месяцев назад

love form Lahore Pakistan....please make playlist on mern stack...

@procodrr 11 месяцев назад

I have already taught frontend and React and it will take time to make start backend series. Till then make your JavaScript and React strong. Keep Learning and Sharing 😊 ❤️

@AmarjeetKumar-to9ub 2 месяца назад

🔥++

@atuldemond Месяц назад

Thanks bro----------------------------------------------------------------->

@berojgar-blogger Год назад

Chatgpt react k code bana k nahi deta kya ???

@procodrr Год назад

Try karo, sab karta hai wo.

@user-jo2wb1zw7e 8 месяцев назад

Next js tutorial kab la rahe ho

@procodrr 8 месяцев назад

Next.js December mein aayega.

@user-jo2wb1zw7e 8 месяцев назад

@@procodrr ok sir next js 14

@procodrr 8 месяцев назад

Theek hai Next.js 14 bhi cover kar lenge.

@user-jo2wb1zw7e 8 месяцев назад

Thankyou sir

@abbas__00 Год назад

Sir timestamp add kijiye please.

@procodrr Год назад

Time ki kami ke Karan main aajkal timestamps nahi nahi kar paa Raha hoon. Agar ho sake to tum log hi video dekte samay timestamps likh kar comment kar diya karo to main add kar dunga isse jab tumhe dobara dekhna hoga to kaafi helpful rahega.

@vikasme1299 21 день назад

Thank you sir for the course When you told me to write the code first on my own, I decided to give it a try and realised I could do it. I have written it in a different way so could you tell me which one is better? Yours or Mine or both? let basket1 = document.querySelector(".basket_1_apple"); let basket2 = document.querySelector(".basket_2_apple"); let applesBasket1 = 100; let applesBasket2 = 0; function decBasket1() { if (applesBasket1 0) { basket1.innerHTML = ${--applesBasket1}; basket2.innerHTML = ${++applesBasket2}; } } function incBasket2() { if (applesBasket1 < 100 && applesBasket1 > 0) { basket1.innerHTML = ${++applesBasket1}; basket2.innerHTML = ${--applesBasket2}; } }

@MoneyMaker-rg4qg 3 месяца назад