#553 — August 27, 2021
JavaScript Weekly
jsc: My New Best Friend — If you’re on macOS, did you know you don’t need to install Node or Deno to have a JavaScript runtime at the terminal? JavaScriptCore to the rescue. (You need to create a symbolic link or extend your path before the above example will work, however.)
Craig Hockenberry
TypeScript 4.4 Released — A significant update for those of you loving some statically-typed JavaScript. TypeScript has gotten a lot smarter at analyzing situations that arise dynamically through control flow, there’s support for static blocks in classes, performance improvements all round and, yes, a lot more.
Daniel Rosenwasser
👍 In related news, TypeScript has a new homepage — it’s interesting to see their thought process in this explainer.
Build a Zoom Clone by Following Working Code — Build an audio/video conferencing application like Zoom or Teams to talk to your friends and family. Follow along with fully functioning code and customize and enhance to unleash your creativity. Show us what you can build.
SignalWire sponsor
An Introduction to the Solid JavaScript Library — Solid is a reactive library for creating user interfaces without a virtual DOM, instead compiling templates down to real DOM nodes with fine-grained updates then doing as little as is necessary to reflect state updates.
Charlie Gerard
Kyle Simpson’s ‘You Don’t Know JS Yet’ Second Edition Campaign — Kyle is very well known in the JavaScript community for his training courses and books like YDKJS, and while he’s been relatively quiet recently, he’s back working on second editions of the popular JS books and needs your help.
Kickstarter
QUICK BITS:
A look at what’s new in the latest Chrome DevTools (v94).
The React Native team has written about their ‘many platform’ vision which basically lays out some thoughts for the future of the framework.
If you’ve got Spotify and are looking for a new regular web developer news podcast, maybe ▶️ Minified: Web Dev News – published by a fellow JS Weekly reader – will fit the bill.
Node.js has some significant security releases coming next week.
React Brussels: The First React Conference in the Heart of Europe
BeJS: Belgian JavaScript Community sponsor
RELEASES:
Mongoose 6.0 – Popular MongoDB ODM for Node.js.
Jasmine 3.9 – JS testing framework.
ExcelJS 4.3 – Excel spreadsheet reading and writing.
Jest 27.1.0 – Another popular testing system.
Vue-Select 3.13.0 – Powerful select component for Vue apps.
JZZ 1.4.0 – MIDI library for Node and browsers.
Node 16.8.0
💻 Jobs
JavaScript Engineer — Join our “kick ass” team. Our software team operates from 17 countries and we’re always looking for more exceptional engineers.
Sticker Mule
JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.
X-Team
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, Opinions & Tutorials
An Introduction to jq — jq is a fast, C-powered command-line utility to parse, sort, filter, and do just about anything with JSON data. Adam’s post is now the place to go to to remember jq syntax instead of Googling it.
Adam Gordon Bell
How to Use Promise.any() — How to use Promise.any() to get the first fulfilled promise from an array of promises.
Dmitri Pavlutin
▶ How to Build a Serverless Subscription Site with Stripe — A tight introduction to what’s involved in building a serverless (thanks to AWS Amplify) Node and React powered app to take payments via Stripe.
Ali Spittel
[Guide] Ship Fast. Stay Ahead of the Competition — Intuit & Atlassian don’t let process stand in their way. Learn their strategies to ship faster, safer & stay ahead.
LaunchDarkly sponsor
Building the Cloudflare Summer Challenge Application — Cloudflare has recently launched their Cloudflare Developer Summer Challenge, but more interesting than that is how they set up the site for the challenge using Workers Site and Workers KV.
Luke Edwards (Cloudflare)
How to Migrate a Large Project from Vue 2 to Vue 3
Baptiste Jamin
How to Use Puppeteer to Automate Chrome in an API with Netlify Serverless Functions
Colby Fayock
How to Setup Monorepos with Git for JavaScript and TypeScript
Hieu Nguyen (Jack)
🛠 Code & Tools
React Toastify 8.0: Big Changes for a Mature Notifications Library — At five years old, this is a mature library for those popup ‘toast’ style notifications you sometimes get in apps, and version eight boasts an all new look, improved APIs, and you can even show state changes in the notifications based on promise resolution or failure.
Fadi Khadra
simplex-noise.js: A Fast Simplex Noise Implementation — This CodePen shows it off better than any verbal explanation, but think smooth, ‘natural’ looking noise, such as you may use for landscape generation or film grain.
Jonas Wagner
filter-console 1.0: Filter Out Unwanted console.log() Output — This could be useful if something in your app is being a bit.. ‘noisy’ with the old console.logs and you’d rather not be seeing it.
Sindre Sorhus
Tried. Tested. Trusted. Studio 3T – Power Tools for MongoDB — Intuitive IntelliShell. Generate JavaScript from queries. Reshape data with Reschema. Try Studio 3T free for 30 days.
Studio 3T sponsor
Drift 1.5: Add ‘Zoom on Hover’ to Images on Your Site — Quite customizable. Here’s a CodePen demo. It’s from Imgix, but you don’t have to use their system – you can host the images yourself, on Cloudinary, or wherever.
imgix
Nanny State: (Very) Simple State Management — Something to consider when you want to go really lightweight and sans framework. Uses µhtml for rendering.
DAZ
Vuestic UI 1.2: A Vue.js 3.0 UI Framework — Features 52 customizable and responsive components and since we last mentioned it, it includes a date picker and tree shaking support.
Vuestic UI
REAFLOW: Node-Based Visualizations for React — If you have trees / diagrams of nodes to render and manipulate, this is an option. It’s best to hit up the demos to see how it works.
REAVIZ
CornerstoneTools: A Framework for Creating Medical Imaging (DICOM) Tools — There’s a whole ecosystem of stuff to explore here.
cornerstone.js