React: decoupling UI and business logic

Описание: Hello everyone and welcome to our third stream! At the end of our last stream we managed to have a working React form, so now it is time for us to leverage the benefits of TDD and refactor our component to decouple presentation and business logic. We will discuss how to restructure our components to achieve less coupling, and some of my personal preferences in terms of organizing React applications. Here are the details of today:

1. Where did we stop?
2. Why do we need to decouple?
3. Structuring our folders and files
4. Creating tests for the upcoming components
5. Refactoring our React form

The overview and schedule of today's stream can be found here: https://lauromueller.notion.site/Reac...

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‬