Reference: Making some helpful information to do Modern Web Development

[DevTech]

I have been looking into "Death of the Web" and Mobile versus a kind of blossoming of desktop Javascript due to  HTML5 Canvas and WebGL and also the strangely innovative growth of Transpilers all from a typical Microsoft C#/XAML point of view.

I plan to add various notes to point out to people some of the information resources in these areas and also construct an overview type of "howto" to combine the very best of modern technologies into a web programming model that spans typical desktop browsers to mobile devices to desktop apps via Electron to Windows 10 Apps via WinJS while at the same time comparing the incredible mish-mash of webby stuff with the elegance of XAML.

SO: Please don't pollute a potentially helpful thread with prissy snipes to attack other viewpoints and support some pet project of yours but instead either add helpful viewpoints, helpful "howto" information, helpful references etc in a collaborative manner.

I plan to arrange helpful prescriptive ideas for web design and development around a limited subset of 2015 technologies:

• ES6/ES7 Javascript
• Typescript
• Facebook React
• Facebook Flux and similar
• Reactive programming as a fundamental style
• GitHub Electron for Desktop packaging
• WinJS for Windows 10 App packaging
• Apache Cordova and Ionic for Mobile packaging
• WebGL and Babylon.js
• Node.js for desktop packaging (part of Electron)
• Node.js and DNX (ASP.NET) and SignalR and various Azure for server side support
• Bootstrap or Zurb Foundation for CSS or possible elimination of CSS based on JS inline Style processor
• Transpilers such as Bridge.NET
• possible use of XAML similar to Fayde.
• Responsive Design and Adaptive Design and Reactive Design

Stuff I really hope you won't talk about:

• Wordpress
• PHP
• Angular,js
• Aurelia.js
• Ruby
• Flat UI

I am not suggesting that anyone would take this approach to thinking about this material or that this will become the best recipe for anything other than my own interests because there are so many ways to slice and dice how to present information and interact with a user via the internet in 2015.

That being said I am aiming for a particular type of elegance that is fun to work with, fun to design with and reduces the cognitive overload to a minimum level that still achieves technical excellence. I hope to end up with some loose recipes (with possible branches) that will permit someone to fire up a web app template/starter point almost as easy as Wordpress but with the built-in range of deployment targets mentioned above and a programming model that does not feel like a bad horror movie.

Help out if you think it could be fun and lets keep the discussion (if any) as a fun creative kind of thing.

 

 

 

Edited March 28, 2018 by DevTech
added Reference to the title to suggest old thread not get locked

[DevTech]

Eliminating CSS

(well more like teleporting the Style info into a better place similar to XAML)

Radium:

http://projects.formidablelabs.com/radium/

https://github.com/FormidableLabs/radium

Comparison of CSS in JS Libraries for React

https://github.com/FormidableLabs/radium/tree/master/docs/comparison

And if it isn't obvious why you want to do this:

https://speakerdeck.com/vjeux/react-css-in-js

(by vjeux at Facebook who works on React)