#535 — April 23, 2021 |
JavaScript Weekly |
Starting a TypeScript Project in 2021 — A practical no-fluff guide to getting a TypeScript project started including (optionally) Chris Hager |
Node.js 16 Released — 16 immediately replaces 15.x as the 'current' release line with 16 due to become a LTS release in October 2021 (whereupon it will be codenamed 'Gallium'.) v16 now includes V8 9.0, has fat binaries for Apple silicon users, npm 7.10.0, Bethany Griggs |
ButterCMS Melts into Your React App. #1 Rated Headless CMS — ButterCMS is the #1 rated Headless CMS for React. Enable your marketing team to update website content w/ our easy to use dashboard. Fast content API for modern apps. Secure. Scalable. Less Code. Try free today for 30 days. ButterCMS sponsor |
Solving a Mystery Behavior of Dmitri Pavlutin |
Quick Bits
Releases Grunt 1.4 — Task runner. |
|
📖 Articles, Opinions & Tutorials |
How Josh Comeau Builds His Blog — He might not like this description but I think Josh has become a bit of a superstar in the frontend space recently with things like his guide to CSS transitions, styled-components best practices and JavaScript operator guide. Here he gives a fantastic look behind the scenes of how his blog works and all the technologies brought together. Josh W Comeau |
How to Convert HTML to an Image with Puppeteer from Node — Could be useful for auto generating images for use on social media, say. Ryan Glover |
Breakpoints and Wallaby.js sponsor |
Debugging JavaScript Efficiently with Chrome DevTools — An introductory tutorial for anyone getting tired of all the Victoria Lo |
Five Key Lessons React Tutorials Don't Teach — The author enumerates and explains the important concepts which he feels receive short shrift from many React tutorials. Reed Barger |
Web Performance Recipes with Puppeteer — A highly useful, no-nonsense set of examples of using Puppeteer from Node to calculate and extract numerous forms of Web performance stats (e.g. first paint and first contentful paint), as well as emulate slow networks and CPUs. Addy Osmani |
Book a Demo. Ship Fast. Rest Easy. LaunchDarkly LaunchDarkly sponsor |
How to Streamline Angular Reactivity — How to observe RxJS streams and keep the reactivity intact in your components and directives with ng-observe. Levent Arman Özak |
A Complete Guide To Incremental Static Regeneration (ISR) with Next.js |
Styled Components Best Practices for React Developers |
Voice-Enabling an Angular App with Wake Words — Using the Web Speech API.. |
|
Sucrase: A Super-Fast Babel Alternative — It’s not exactly a Babel replacement as it covers a subset of what Babel does, but this is yet another ‘fast JS tool not written in JS’ that boasts being 20x faster than Babel at compiling Jest. We first mentioned it three years ago but it’s come a long way since then. GitHub repo. Sucrase Contributors |
Prisma ORM Toolkit Now 'Ready For Production' — Prisma is already a pretty popular ORM approach so this may be surprising news, but after two years of development they’re keen to show off everything Prisma can do and where the project is headed. Nikolas Burk |
Pulumi Infrastructure as Code: Any Cloud, Familiar Languages — Provision cloud infrastructure using JavaScript and use constructs you already know - code completion, for loops, and more. Pulumi sponsor |
WinBox: An HTML5 'Window Manager' for the Web — Very thoroughly documented and works pretty well, but feels a bit like Web-based UI experiments of 10+ years ago..? Interesting though and some nice demos to play with here. GitHub repo. WinBox |
Volta 1.0.4: The JavaScript Tool Installer and Launcher — 1.0.4 will automatically fetch the native Apple silicon version of Node for versions where it is available (Node 16+). Volta Contributors |
Inkline: A Customizable Vue.js UI/UX Library — Includes 50+ components designed for mobile-first apps with out-of-the-box accessibility support via WAI-ARIA. Alex Grozav |
js-image-carver: Content-Aware Image Resizer and Object Remover — A fun demo on this one. GitHub repo. Oleksii Trekhleb |
Compodoc: The Missing Documentation Tool for Your Angular App |