Frontend Abstractions: Frameworks and Applications Architectural Patterns

A Software Architecture session about Frontend Architectural Patterns used in both frontend applications and frameworks. I will share design patterns from 6 Frontend Frameworks which are: Props, State, Computed, Events, Side Effects, and Change Detection and Application Patterns which are Components, Containers, Higher-order components (HoC), Services, Adapters, and Stores. These are core concepts that every frontend developer should be aware of and understand these abstractions to build better and scalable software. I will share the process of finding these abstractions first and then go through identifying each one of them which will also help to find new patterns in the future.