(Isomorphic)React Application. Beyond the basics.
I decided to write this post, because I didn’t find any blog post, article, or a tutorial that will sum up for developers what the issues they are going to face when they build a universal application.
If you googled a tutorial on how to build a universal react application, you will find a lot, but most of them are just covering the surface, hello-world examples. But as you go further, or even you decided to use one of the universal frameworks/boilerplate, you will start to face some issues and difficulties.
read more ...Redux Vs. MVC, Why and How?
In last two or three years, we started to see the rise of Redux-based (or Unidirectional data flow architecture in general) in the user interface side of the applications, and the slowly decline of MVC based architecture in the UI side.
What Redux has of advantages over MVC, and what problems it solves? I am going to show what the benefits of Redux over MVC.
Redux library by itself is not enough to build a whole system, and this is why there is an ecosystem developed around Redux. I am going to show the basic ecosystem needed to build a Redux application, or the essential building blocks of a any redux-based application.
In this lecture he expressed that although prototypal inheritance is better than classical inheritance, but the better is to avoid prototypal inheritance and avoid using this keyword, and instead he introduced a new pattern similar to factory function.
His approach was backed by Eric Elliott in his lecture : Classical Inheritance is Obsolete.
I am going to explain this approach and show some examples on how to use it.
read more ...ES6 Classes : The good parts in depth
ES6 provided many new features for OOP, and although most of them just syntactical sugar over the existing construction pattern, but they are a step ahead of creating objects from the existing features.
I am going to show in this post why they are good pattern to use, and how they can fix many problems in the construction function pattern, and we will explain the OOP fundamentals in depth.
In ECMAScript 5 the only scope available to a variable is the function scope. So, the variable are seen in the whole function.
read more ...Ajax, CORS, JSONP and the battle with Same-Origin Policy
All modern browsers have a built-in security policy called Same-origin policy, which help mitigate many vulnerabilities and security flaws. This policy means the browser can only pull data from the same site.
Same site means pages that share the scheme (http, ftp, https...), and the host name and the port.
I have been playing around with MVC frameworks, trying to find the pros and cons of each.
I will try here to write some thoughts about my finding.