I am starting a new web project and was wondering whats best UI tech stack ( framework vs pur UI stack ) ?

I know that the world is probably either divided between the two mighty tech stack 'React' VS 'Angular2'.

I am hoping to write some Pro's and Cons of both in series of articles just to keep the documentation for myself as well as anyone who is looking for guidance on deciding which one to opt for! ( this may / will be continuously updating article..if its allowed by steem engine.

Angular 2, much like Angular 1, relies on HTML templates.

The good thing about ng2 templates is that they’re basically an enhanced form of standard HTML.

The bad thing about ng2 templates is that you have to learn a bit of Angular DSL. Stuff like `*ngIf` and `*ngFor`.

The ugly thing about ng2 templates is that when you make a mistake, they fail at runtime. Sometimes silently. Debugging Angular 2 templates can be a pain.

React doesn’t have templates. Instead, it has JSX, which compiles to JavaScript at compile time.

The great thing about JSX is that when you make a mistake, it’s likely to be caught at design time by a linter, or compile time, instead of waiting for runtime. Babel, ESLint, and lots of editor tools have built-in support for JSX.

Another great thing about JSX is that you can target more than just HTML with it. You can target custom markups, you can target the canvas, you can even target native mobile UI.

The bad thing about JSX is that it doesn’t exactly line up 1:1 with HTML tags. It’s a Frankenstein hybrid of JavaScript APIs and markup. That means you have to learn its quirks, such as using `className` instead of `class` — but since you can pretty freely mix plain old JavaScript with JSX for loops, conditionals, etc… I think it beats ng2 for learnability.