Framework/SPA
-
Mobx 6Framework/SPA 2020. 12. 1. 08:14
1. Overview Become compatible with standard modern JavaScript - Dropping Decorators Syntax Mobx will work out of the box in most setups version Proxy and non-proxy in the same version Reduce bundle size - By removing decorators Enable strict mode by default - all observables must be updated through actions 2. Decorators 2.1 makeObservable A function that receives a target, annotations, and optio..
-
ReduxFramework/SPA 2020. 7. 16. 00:36
1. Overview Redux is a predictable state container that first appeared in JavaScript land. Urunium.Redux is an opinionated Redux implementation for .net core written in c#. This implementation is more geared towards being c# OOP oriented instead of functional oriented, while still adhering to Redux core principles. As such the programming models and APIs used would be more familiar to a c# devel..
-
WebpackFramework/SPA 2020. 5. 25. 21:11
1. Overview Webpack is bundling and build an orchestration tool. 1.1 Motivation All js files are relatively small but we have a lot of HTTP requests. The problem with that can be seen if we have a look at that waterfall on chrome DevTools's network tab. Every HTTP request that needs to be made of course takes a little time. That's not an issue but every HTTP request has like a base overhead a ba..
-
Comparison AngularJS, ReactJS, and Vue.JSFramework/SPA 2020. 4. 11. 08:53
1. Overview Angular React Vue Backed by Google Facebook Community Prevalent Architecture MVC Flux FLux Architecture flexibility No Yes Yes CLI angular-cli No official CLI, but create-react-app is used Vue-cli Documentation Simple somehow limited Adequate Code Reusability Yes No, only CSS Yes, CSS and HTML Main feature Mature framework with Modularity The Node Tree, Virtual DOM The kind of amalga..
-
Comparison between AngularJS and ReactJSFramework/SPA 2020. 4. 10. 16:20
1. Overview The primary difference between AngularJS and ReactJS lies in the state of its management. AngularJS has data binding bundled in by default, whereas React is generally augmented by Redux to give unidirectional data flow and work with immutable data. Both are opposing approaches and there is no consensus on what is better: mutable/bi-directional data binding or immutable/unidirectional..
-
Two-way bindingFramework/SPA 2020. 4. 10. 16:15
1. Overview Data binding in AngularJS is the synchronization between the model and the view. It means if a value of a scope model changes it automatically updates the same value in the view and similarly if the value in the view changes it automatically updates the value in the scope model. 2. Description 2.1 Data Model AngularJS applications usually have a data model. The data model is a collec..