Transform Your React Apps: Essential Tips for Every Developer! | React Native Heroes 2023
Published 2024-04-23
If you use React to make small applications, demos, proof of concept, or to "play games," I suggest you don't listen to this talk. You don't need it; in fact, it will just complicate your life.
If, on the other hand, you have found yourself managing small applications that have gotten too big and no one has control over them anymore; if you have gotten to the point where you wonder what would be the best architecture for a single-page application; if with each new project you try a different combination of libraries/structure/conventions, and after six months you don't like it anymore; if your application is impossible to test and you have been forced to write hundreds of end-to-end tests.
Then this talk is for you. By applying the correct design principles and design patterns, we will see how we can create a three-tier UI architecture that allows us to build applications with React that are clean, maintainable, testable, and infinitely scalable.
Ps: we will not talk about the folder structure but how to split and decouple the components of a React application as much as possible and create a design we are proud of.
🎤 Lorenzo Spinelli, full-stack web3 developer and mentor, Register.it
📍React Native Heroes 2023 was hosted in Turin, 16 June. Attended by 150 React Native developer participants and broadcast to an additional 150 React Native enthusiasts across the globe. The agenda covered a range of important React Native developer topics including architecture, design, and what's coming next in React Native.
📌 For more engaging content and expert insights, subscribe to our channel and hit the notification bell. 🛎️
Inform: reactnativeheroes.com/
✅ Tweet: twitter.com/ReactNatHeroes
✅ Connect: www.linkedin.com/showcase/react-native-heroes
✅ Read: t.me/reactnativeheroes
⏩ Chapter:
00:00 intro
02:10 Something about React
05:40 who is Lorenzo?
08:50 Separation of concerns
11:10 How do we connect (Observer pattern)
15:20 List component
16:45 Making them too smart!
19:20 Implement model view presented pattern
23:10 Model view presenter
25:20 Inversion of control
30:40 Final thoughts
#reactnative #ReactDevelopment #ScalableApps #CleanCode #ReactArchitecture #WebDevelopment #DesignPatterns #MaintainableCode #TestableCode #FullStackDevelopment #ReactGuide
All Comments (2)
-
Amazing talk
