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.
Hipster Compliant VDOM weiterlesenKategorie: JavaScript
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.
Lit & Kor weiterlesenBrowser 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:
Browser für die Webentwicklung weiterlesenSvelte
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.
Svelte weiterlesenWeb 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
The Gulp API Documentation
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
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.