Workshop: SOLID principles in the design of React components 3.0
Mentor - Oleksandr Suhak, Senior Software Engineer
Buy tickets for the next conference JavaScript fwdays’24 conference!
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:
Date and time: April, 27, 10:00 - 16:00, (Kyiv time, GMT+2).
Platform: Zoom. We will send you the link on the eve of the workshop, and you will also find it on this page.
Language of the event and presentation: Ukrainian
Number of participants: 25
Participant Requirements: Developers with experience in React.js
Agenda:
- Acquaintance, intro. Theory: the history of SOLID and features of the React approach, issues of maintainable React code, Q&A (~1 hour)
- Coffee break 15 min
- SRP: creating 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 (~30 minutes)
Olexander Suhak, Senior Software Engineer.
— 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 :)"