#553 — August 27, 2021 |
JavaScript Weekly |
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 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:
|
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. |
|
📖 Articles, Opinions & Tutorials |
An Introduction to Adam Gordon Bell |
How to Use 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 |
How to Use Puppeteer to Automate Chrome in an API with Netlify Serverless Functions |
How to Setup Monorepos with Git for JavaScript and TypeScript |
🛠 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 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. |