JavaScript – Phillip Richdale

Hipster Compliant VDOM

VueJS is the third of The Big Three™ SPA/VDOM Toolkits and it enjoys an ever growing following. Sort of a mix of the best of React and Angular, it has a distinct “ISO-certified hipster compliant” vibe about it and doesn’t fail to deliver on its “View!” promise.

Lit & Kor

As an application platform the modern Browser is finally becoming more managable. MS IE and even the new one, MS Edge, are history, most Browsers are now based off the Blink Rendering Engine, meaning Chrome, with Safari and Firefox being modern exceptions that none-the-less offer most contemporary web-features. As a consequence it is now increasingly more feasible for contemporary web applications to use modern methodologies, such as Web Components and JavaScript Template Literals for building WebApp UI Components and updating the view.

Browser für die Webentwicklung

Für die Webentwicklung ergibt es oft Sinn, sich mehrere Browser zu installieren, um in getrennten Sessions und Nutzerkonten seine Webapplikationen zu testen. Hier eine Übersicht über verschiedene Browser, die sich weitgehend kollisionsfrei nebeneinander installieren lassen:

Svelte

While true Web Components are on the rise and the Google Polymer Project has ended its lifecycle and web component efforts are now continued with the super-light lit library, classic VDOM and PWA toolkits are still in wide use. The big three – React, Angular and Vue – have contenders, some of which have gained wider attention and have their own solid set of fans and hipster advocates. One of these libraries is Svelte, a build-time PWA library and toolkit with quite a large set of non-trivial libraries built for and on top of it.

Web UI Libraries

Here are some classic Web UI Libraries for regular HTML/CSS/JS setups without fancy virtual DOM stuff attached. Enjoy!

React UI Libraries

Here’s a comprehensive list of React UI Libraries for your next complex non-trivial ReactJS project:

Bootstrap is still going strong. And have you checked ReactStrap?

The VDOM craze may have you think that Bootstrap is dead. It isn’t. It’s as powerful as ever that the first-class citizenship of Popper.js and an ever evolving jQuery still make it the grandmaster of go-to toolkits for getting good Web-UIs done quickly. It also works very neatly together with virtual DOM libraries such as React. Check out ReactStrap to see how it’s done.

Overview of jQuery Ajax Call Parameters

It doesn’t always have to be ReactJS or virtual DOM. For most tasks and functions, jQuery still is perfectly fine, especially if it’s a current version of the 3.x branch and allready integrated and loaded into your environment.
Here’s a cheat-sheet Overview of jQuery Ajax Call Parameters: Overview of jQuery Ajax Call Parameters weiterlesen

Elm

Elm is one of the lesser know languages in the JavaScript ecosystem. Like others, it transpiles to JavaScript, but it has two prominent traits that emphasise what the language is meant for: Elm weiterlesen

Gatsby & WordPress

Gatsby – ReactJS Static Site Generation

Gatsby is a Static Site Generator built around ReactJS. Here are some links:

DropzoneJS & React Dropzone

Modern-Day Drag’n’Drop for the Web:
DropzoneJS & React Dropzone.
Enjoy.

Flow

Flow. Static typechecking for JavaScript.
Very nice.

Cypress

Awesome new-era end-to-end testing.

The Gulp API Documentation

Very useful. Obviously.

Material UI – Material Design for React Applications

Nice. Check it out: Material UI.

React JS

Within the last decade React has become the de-facto standard technology for Web UIs, along with the concept of “Virtual DOM”. Now with the patents problem removed and React – just like jQuery – becoming a first-class citizen in WordPress with the release of WordPress 5.0 there is yet another solid reason to become familiar with this toolkit as it probably is here to stay for quite a while and remain one of the Big-Wig Toolkits for Web Application Development.

Here are some links to get you started if you haven’t already:

Practical npm commands

Update all global packages:

npm update -g

Show outdated packages:

npm outdated -g --depth=0

D3JS, Three.js & animeJS

3D JavaScript Toolkits worth looking at once again:

… and something new in the mix, just as worthy of your attention: animeJS.

HyperHTML Talk

Yesterday I gave a short talk on HyperHTML at the Web Worker NRW Meetup, this time at sipgate. Nice talks, lot’s of nice people, had a great time. Here are the slides.