React: how does it work behind the scenes + component lifecycle methods

Опубликовано: 17 Март 2025
на канале: Lauro Müller

2,411

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: / 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: / lauromueller

---

Music by ‪@Lofi-Chillbeatss‬