Engage Usergroup 2024 - The Good The Bad_The Ugly

At Engage 2019 I did a session about a not so objective view on frontend development, where I compared the big 3 frontend technologies: Angular, ReactJs and VueJS.
Now it's 2024: Let me explain my latest view on these frameworks.
Is Angular still my preferred frontend technology?
Are there new kids on the block?
Let's discuss the good, bad and the ugly of each frontend technology.

1. #engageug Em01 The good, the bad and the ugly a not so objective view on front end development 2024 edition Frank van der Linden Elstar IT

2. #engageug About me Freelance Full stack developer Spring Framework Java/Kotlin Angular ReactJS Owner of Elstar IT Contributor to NL Portal opensource project 10 th anniversary in 2024 Curious of new technologies Volleybal referee

3. #engageug The way forward Quick overview How did I compare Lessons learned Hooks References

4. #engageug The good, the bad and the ugly 2019 edition Previously in 2019

5. #engageug Quick overview

6. #engageug Quick overview

7. #engageug Quick overview

8. Comparison

9. #engageug Popularity

10. #engageug How did I compare

11. How did I compare Wrote a demo application in 2019 Upgrade and partly rewrote it with the latest and greatest Hands on experience during projects I did.

12. Requirements for demo application API layer in 3 flavours (Spring Boot, NodeJS and Python Storage in MongoDb CRUD operations Localisation State management Generate iCal file Bootstrap for a bit of styling

13. Flow of demo application

14. Projects - City of Nijmegen

15. Projects - GGD health department

16. #engageug Lessons learned revisited

17. Developer tools

18. VueJS Did no projects with VueJS Is not in high demand in my network Not my preferred choice of technology

19. Angular Did projects with Angular Is, still, in high demand Has good instruction when upgrading Powerful Annotions, just as the Java world Is popular with Java developers because of Typescript Still a favored choice of technology

20. ReactJS Did projects with ReactJS Is in very high demand Hooks are a game changer (available since v16.8) State management with Redux is still the best, with hooks easy to use Is also a good choice for webcomponents Currently my absolute choice of technology

21. #engageug Hooks Write once, use everywhere

22. What are hooks Introduce in React 16.8 Use different React features from your components React use it everywhere, like state and navigation Custom Hooks start with “use”, example: useFetch Can only be used inside components Can only be called at top level of a component Cannot be conditional

23. Hooks Auth reducer useAuth hook Use of the useAuth hook

24. #engageug References

25. #engageug https://github.com/flinden68/my-events-demo-application/ Demo repository

26. Resources The Good, the bad and the ugly (2019) https://angular.io/ https://reactjs.org/ https://vuejs.org/ https://nodejs.org/en/ https://www.mongodb.com/ https://www.mongodb.com/products/compass

27. #engageug Questions??

28. #engageug Many thanks Contact details @flinden68 http://www.elstarit.nl [email protected] https://nl.linkedin.com/in/flinden68