React: setting up from scratch and bringing it to production

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

3,334

Hey everyone, and welcome to our first streaming in this series of building React applications with 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.

The goal of this first video is to setup a React application from scratch with Webpack and TypeScript, and take it directly to production with a straightforward CD pipeline and Netlify. Here are the details of today:

1. Setting up the React app
2. Pushing everything to GitHub
3. Setting up pre-commit hooks
4. Connecting to Netlify
5. Setting up the CI/CD pipeline
6. Testing that everything works
7. [If we have time] Start setting up the UI and the project structure

You can find all the scripts, together with the package version I have installed, here: https://lauromueller.notion.site/Reac...

Music by    • code-fi / lofi beats to code/relax to #2
---

Here is my personal list of books you should be reading if you wanna bring your development skills to the next level:

The Mythical Man-Month. Essays on Software Engineering - https://amzn.to/3gLTYRs
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

---

Support the channel:   / lauromueller
Follow me on Twitter for tips and articles on programming, and for being always up to date about the next streamings:   / lauromueller