"Why to invent a framework and how to live with it?", Yaroslav Doroshchuk

Here you'll hear a story about how a framework can make your life easier in a huge project. Story about our pains, tears and joys at Wix Editor.

1. ‹#›

2. ‹#› Yaroslav Doroshchuk About me Started career in 2009 Have backend background Have 2 kids, 2 cats and a dog Love running 5 years managing Wix Editor R’n’D

3. ‹#›

4. ‹#› React-Redux application with: 10 000+ files 1 000 000+ lines of code 25+ devs working on the same codebase 1000+ integration test scenarios 1500+ E2E tests scenarios 12000 test cases in total (integration + E2E) Why to invent a framework?

5. ‹#› Why to invent a framework?

6. What is next? Features. ‹#› Why to invent a framework?

7. ‹#› Why to invent a framework?

8. It wasn’t easy ‹#› Why to invent a framework?

9. ‹#› Shotgun Surgery Making any modifications requires that you make many small changes to many different classes/files/functions. Why to invent a framework?

10. Refactoring? ‹#› Why to invent a framework?

11. ‹#› Why to invent a framework? EditorAPI God Object → Knows everything: How to move component When site is loaded How to install an app Change site language Send analytics BTC price

12. Types for EditorAPI? ‹#› Why to invent a framework?

13. ‹#› Why to invent a framework? → Cover Editor API by types ? → Good luck!

14. ‹#› Why to invent a framework? At this point we were a bit disappointed

15. ‹#› Why to invent a framework? Message →

16. There is more than one editor! ‹#› Why to invent a framework?

17. ‹#› Why to invent a framework? Editors →

18. ‹#› Why to invent a framework? Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Shared functionality Editors →

19. ‹#› Why to invent a framework? Manage menu dependencies Menu API Panels API Pages API Links API

20. ‹#› Why to invent a framework? Manage menu dependencies Menu API Panels API Pages API Links API

21. ‹#› “No problem can be solved from the same level of consciousness that created it.” By Albert Einstein Why to invent a framework?

22. What to dream about? ‹#› Why to invent a framework?

23. ‹#› Top Bar Stage Tours Inspector Grid Lightbox This can be an editor This can be an editor This can be deployable Add Panel Component panels Why to invent a framework?

24. ‹#› Module B Host Module A Modules don’t care about the host or other modules Why to invent a framework?

25. ‹#› As long as a contract is implemented - a module can run no matter who’s implementing it (polymorphic) Host Implementation Consumer Give implementation Request implementation Implementation Implementations Can be replaced with different implementations Why to invent a framework?

26. ‹#› Why to invent a framework?

27. ‹#› Data Access API Business Logic API UI API Can use Can use Cannot use Data Access API Business Logic API UI API Can use Can use Module A Module B Why to invent a framework?

28. TLDR ‹#› Why to invent a framework?

29. ‹#› Why to invent a framework? https://github.com/wix-incubator/repluggable

30. ‹#› → InversifyJS: Too big Have features that we do not need No module definition (not extendable) → Angular: we would have to rewrite everything. Why to invent a framework?

31. ‹#› Shareable code downsides → You have to write more Indirect code. → Learning curve → Less flexibility (on high level) Why to invent a framework?

32. ‹#› Is it worth it? Why to invent a framework?

33. How to live with it? ‹#›

34. ‹#› → Hot to change common dependency? Why to invent a framework?

35. ‹#› Use feature flags globally! Why to invent a framework?

36. ‹#› Editor 1 Editor 2 Common feature isNewFeature isNewFeature isNewFeature Why to invent a framework?

37. ‹#› Sharable code have to test itself on consumers. Why to invent a framework?

38. ‹#› Editor 1 Editor 2 Common feature → Own tests → Dependant tests Common feature test scenarios over Editor 2 → Own tests → Test scenarios over Editor 1 → Test scenarios over Editor 2 → Own tests → Dependant tests Common feature test scenarios over Editor 1 Why to invent a framework?

39. ‹#› A/B test your feature toggles Why to invent a framework?

40. ‹#› Feature Toggle Off On KPIs Main population (A) Test population (B) KPIs Why to invent a framework?

41. ‹#› Feature Toggle Off On KPIs Main population (A) Test population (B) KPIs Why to invent a framework?

42. ‹#› Feature Toggle Off On KPIs Main population (A) Test population (B) KPIs Why to invent a framework?

43. ‹#› Make RFCs Why to invent a framework?

44. Thank You. Let’s Talk! [email protected] Yaroslav Doroshchuk P.S.: I’m hiring! October 2024