The JS logo is 10 years old
#558 — October 1, 2021
A ‘Self-Parking Car’ in 500 Lines of Code — This is a fun one! Given a basic environment made up of virtual cars, can you train a genetic algorithm to have the cars park themselves? Yes. Here’s a live demo.
Frontend Masters sponsor
JSXGraph: Dynamic Mathematics Rendering with JS — A cross browser library for Web-based interactive geometry, function plotting, charting, and data visualization. There’s a lot of examples, all complete with code. GitHub repo.
Mike Sherov notes on Twitter that while jQuery eventually peaked in usage in 2020, it’s still going strong and we owe the project a debt of gratitude.
The latest Safari Technology Preview has enabled support for SharedArrayBuffer.
The developer of Colorette, a terminal text coloring library, claimed his code had been improperly copied and rebranded into another library called nanocolors – this led to a huge Hacker News discussion, an interesting Babel PR to replace chalk with nanocolors and Sindre Sorhus creating yoctocolors which boasts being even faster than nanocolors(!) 😅
react-pdf 5.4.0 – React component to display PDFs.
Axios 0.22.0 – Long standing HTTP request library.
ckeditor 30.0 – Rich text editor framework.
Compressor.js 1.1 – In-browser image compression.
Handsontable 10.0 – Data grid component.
Node v14.18.0 (LTS)
eslint 8.0 RC0
Walmart is Hiring Software Engineers — Join a team delivering innovation at one of the largest retail and eCommerce platforms.
Walmart Global Tech
Find a Job Through Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.
📖 Tutorials, Opinions & Stories
Let’s Dive Into Cypress For End-to-End Testing — The author tries to look for a fun and effective workflow to end-to-end testing with Cypress.
My Top Vue.js Interview Questions — “A list of Vue.js interview questions that I would ask candidates”.
How To Build an Interactive Dashboard — Learn how to build a sleek dashboard using the TileLayout. See all you can do with this deceptively simple component.
Progress KendoReact sponsor
Three New Next.js Features and How to Use Them — AWS Amplify recently added support for incremental static regeneration (ISR) as well as optional catch-all routes and image optimization. This guide walks you through how to use it all.
Faster React Apps with Memoization — You have a sluggish React web app on your hands. How do you fix it? Nick looks at resolving a problem with excessive re-rendering here.
All-Star Lineup Announced for Cloud Engineering Summit – Save Your Seat — Hear from industry leaders and practitioners from Amazon, Google, Microsoft, Snowflake, Netflix, Docker, Twilio, and more.
▶ Single Page Application vs Multi Page Application with Rich Harris — A chat with the creator of Svelte.
Web Rush podcast
🛠 Code & Tools
Threads.js 1.7: Web Workers Meet Worker Threads — A library that provides an abstraction over both Web Workers and worker threads (as implemented in Node) to keep code consistent across Node, browser, and Electron. GitHub repo.
DOCX 7.1: A Declarative API to Generate .docx Files — .docx files are perhaps more commonly known as modern Microsoft Word documents. This library works on both Node and the browser and there’s a live CodePen demo here, plus a folder of code examples. — GitHub repo.
construct-js: A Library for Creating Byte Level Data Structures — If you ever need to get down to the level of manipulating bits and bytes to build things, you might find this example of creating a .zip file directly in Node compelling.
RacketScript: An Experimental Racket to JS Compiler — Racket is a Scheme/Lisp inspired language. You can give it a try in this online playground.