State Management with Native Web Components - Full Code Walkthrough - No Frameworks! [intermediate]
Full code walkthrough of state management with Native Web Components, with no framework, no virtual DOM, just best practices, and scalable code design.
Episode source code: https://github.com/jeremychone-channe...
Quickstart source code: https://github.com/dom-native/quickstart
00:00 - Intro
00:34 - Setup
00:52 - v-project base component
02:18 - DcoMock (create and list)
04:42 - v-project refresh method
05:31 - c-task component
07:15 - Add new task logic (v-project)
08:55 - c-task click to update concept
10:49 - c-task click to update code
12:40 - c-task update in-place
13:42 - Recommendations
Approach:
Scalable web application UI code using the Browser As The Framework.
NO ReactJS, NO Angular, NO vuejs/virtual-dom.
Good code design and Native Web Component can scale as well if not better than big or "small" web framework.
Principles:
Best Practices over Frameworks
Simple scales better
Making something easy does not make it right.
OWN your code design from the start, do not delegate it to frameworks!
#JavaScript #WebComponents #TypeScript #NativeWebComponents #Frontend
Icon attributions:
(brain & maze icons) Icon made from http://www.onlinewebfonts.com/icon, Icon Fonts, is licensed by CC BY 3.0
(feather icon) Icon made by https://www.flaticon.com/authors/freepik from https://www.flaticon.com
Auf dieser Seite können Sie das Online-Video State Management with Native Web Components - Full Code Walkthrough - No Frameworks! [intermediate] mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Jeremy Chone 05 Dezember 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 8,286 Mal angesehen und es wurde von 108 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
