Video: SOLID principles in the design of React components
Mentor — Oleksandr Sugak, software engineer at Grammarly, Fwdays speaker and YouTuber, 15 years in the industry.
Description of the workshop:
It often happens: you are working on a new feature, there seems to be a ready-made React component, but it does not fit! Well, you have to figure out how it works internally and change it for the new scenario. And now almost everything is ready - but now 2 other features stopped working!
Coach — Olexander Suhak, software engineer at Grammarly, Fwdays speaker and YouTuber, 15 years in the industry.
From the author: in this workshop I will show how you can use SOLID principles to designing and reusing React components without breaking existing functionality. You will also learn how to assemble new features through the composition of existing components without rewriting half of the project's codebase.
For each principle, there will be a short coding task where participants can practice applying the principle to a sample react codebase in an interactive environment (no local setup required).
Format:
Materials: Video recording of the workshop (4 hours) and the code used during the training.
Language of the event: Ukrainian
After purchasing the ticket, refresh the page and you will see the video recording and link to the code.
Agenda:
- Acquaintance, intro. Theory: the history of SOLID and features of the React approach, issues of maintainable React code, Q&A (1 hour)
- SRP: building components that do one thing + Q&A (30 minutes)
- OCP: We close components for modification and open for expansion + Q&A. (30 minutes)
- LSP, we make interchangeable components + Q&A. (30 minutes)
- Break (1 hour)
- ISP: narrowing down component interfaces + Q&A. (30 minutes)
- DIP: invert dependencies between components + Q&A. (30 minutes)
- Summary+Q&A
Olexander Suhak, software engineer at Grammarly.
— 15 years in the industry. Worked with various technologies (back and front-ends, JS, TS, .NET) and in various positions (tech lead, software architect, lead developer), lately he has been working a lot with React.JS
Feedback:
The course is being held again, we are sharing real reviews from the last time (with the permission of the participants)
"I liked the applied direction of the workshop: all the principles announced were immediately illustrated in practice."
"I liked: a clear structure of information presentation, good and clear examples. In general, it was useful. I wish that all projects adhere to SOLID principles :)"
Ticket price
Workshop presentation
Access to the workshop recording (1 year)
Certificate of the participant
Fwdays is Ukrainian company, that is why payment for services is made in the national currency of Hryvnia. You can see the approximate price in Euros at blocks with the price.