React: how does it work behind the scenes + component lifecycle methods смотреть онлайн

Hello everyone and welcome to our fourth streaming of this React course! Today we discuss how React works behind the scenes, what is a "render" in React, which conditions trigger a re-render, and what are the different lifecycle methods React offers. We will also discuss the concept of mounting and unmounting, as well as how it impacts our applications. At the end of the previous streaming we finished a good amount of refactoring, so in this streaming we will jump into a sandbox environment to focus on React rather than on our application. Everything we learn and discuss here will make our lives as React developers much easier and clearer! So I hope to see you today! Here are the details of our meeting:

1. What happens when we first open the application?
2. How does React work?
3. What triggers a re-render?
4. Are too many re-renders bad?
5. Mounting a component into the DOM
6. Updating the component
7. Unmounting a component from the DOM

This streaming is part of a series where we are organically developing a productivity app with React and TypeScript. We will focus on implementing Agile and XP principles in our series, which means we will focus on TDD, continuous delivery, feature flags, and a lot of other cool stuff that we have to take care of to have our app deployed to production as quickly and as often as possible.

---

You can support the channel on the following links, or by getting any of the books mentioned in the list below (which I highly recommend as readings to improve your developer skills and mindset).

Patreon: https://www.patreon.com/lauromueller
PayPay: https://paypal.me/lauromueller

Here is my personal list of books:

* The Pragmatic Programmer: journey to mastery - https://amzn.to/3BjrAiW
* A Philosophy of Software Design - https://amzn.to/351Gv5y
* Fundamentals of Software Architecture: An Engineering Approach - https://amzn.to/36e96oK
* Software Engineering at Google: Lessons Learned from Programming Over Time - https://amzn.to/3szfrCs
* Refactoring: Improving the Design of Existing Code - https://amzn.to/3BiomfL
* A Practical Approach to Large-Scale Agile Development: How HP Transformed LaserJet FutureSmart Firmware - https://amzn.to/3JpkKeE
* Building Secure and Reliable Systems: Best Practices for Designing, Implementing, and Maintaining Systems - https://amzn.to/3sFpTZt
* Continuous Delivery: Reliable Software Releases Through Build, Test, and Deployment Automation - https://amzn.to/36ek4up
* Implementing Domain-Driven Design - https://amzn.to/3GQ8r9m
* Test Driven Development: By Example - https://amzn.to/3syMhUc
* Building Event-Driven Microservices: Leveraging Organizational Data at Scale - https://amzn.to/3gKmoev

Follow me on Twitter for tips and articles on programming, and for being always up to date about the next streamings: https://twitter.com/lauromueller

---

Music by @Lofigirl-Chillbeats