Getting creative with JavaScript

March 18, 2022 By Mark Otto Off

Shader Park: Create Interactive 2D and 3D Shaders with JavaScript β€” An open source Web-based platform, community, and library for simplifying the mystifying world of shaders and GPUs by letting you create them procedurally with JavaScript. Lots to play with and explore here. Note: This site is heavy on the browser given its use of WebGL, so may not be suitable for every device.

Blankensmith and Whidden

πŸ’‘ If you’d prefer something solely in 2D on the good old HTML canvas, ▢️ this 55-minute introduction to creative, visual coding with JavaScript is a neat alternative.

Prettier 2.6 Released β€” The popular code formatting tool now has a singleAttributePerLine option to only place one attribute per line (as is common in certain types of template), adds TypeScript 4.6 support, and better formats JS code in various contexts (e.g. decorators, inline await in JSX, end-of-line comments).

Sosuke Suzuki

Deno 1.20 Released β€” A pretty big release for the JavaScript / TypeScript runtime with increased performance, new commands for running benchmarks and test suites, timeouts for AbortSignal, plus an upgrade to V8 10.0 and TypeScript 4.6. If only all projects wrote release posts as thorough as this.

The Deno Core Team

IN BRIEF:

RELEASES:

Verdaccio 5.8 – Private npm registry, now with customizable web UI.
Vuetify 3.0 Beta – Material Component framework for Vue.
MDX 2.1 – JSX in Markdown.
React Menu 3.0 – Customizable nested menu component.
Angular 13.3.0

Find JavaScript Jobs with Hired β€” Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.
Hired

πŸ“’ Articles & Tutorials

A Delightful React File/Directory Structure β€” We have featured a number of these types of articles, but there’s always room for another perspective on the β€˜right’ way to lay out a project, particularly as React itself is reasonably unopinionated on the matter.

Josh W. Comeau

Remix vs Next.js β€” Remix is a relatively new React-based full-stack framework created by the original team behind React Router. It takes a different approach to the better known Next.js. This is a detailed guide to the key differences.

David Herbert

πŸ›  Code & Tools