Weekly JavaScript Roundup: Friday Links 5, October 4, 2024
Happy Friday, devs! 🎉 It’s time for our weekly roundup, where we bring you the latest and greatest in the world of web development. Whether you're looking for fresh insights into JavaScript, updates in NodeJS, or useful tools to enhance your workflow, we’ve got it all right here. So, grab a cup of coffee, get comfortable, and let’s dive into another exciting week of coding knowledge!
📜 Articles & Tutorials
A script called ReplicateUI has been published on GitHub Gist, allowing you to copy any website, including all its code and images. Previously, this solution was sold as a browser extension for $10 (https://uireplicator.com/), but now the project's code is available for free.
How to Build a Chrome-Based Voice Assistant Using JavaScript APIs
Building a Dynamic Background Effect
Building the Perfect Logo Strip
Web Components are not Framework Components — and That’s Okay
Building a breakout element with container units
How to build a GitHub-style Markdown Editor
The Proliferation and Problem of the ✨ Sparkles ✨ Icon
Free, open-source loaders and spinners for your next project. Built with HTML, CSS & SVG, and powered by web components, for maximum compatibility.
Improving rendering performance with CSS content-visibility
Using Strapi CMS with Neon Postgres and Astro to build a blog
Frontend Masters: Solid Principles in React / React Native
How Cloudflare auto-mitigated world record 3.8 Tbps DDoS attack
New React 19 Features You Should Know – Explained with Code Examples
⚒️ Tools
TextFX is a versatile text manipulation tool designed for developers, writers, and content creators to enhance their productivity when working with text. It often includes a variety of features that enable users to format, edit, and transform text quickly and efficiently.
NetworkManager is a utility used in Linux-based operating systems to manage network connections. It simplifies the process of configuring and maintaining network connections, whether wired or wireless, allowing users to connect to networks seamlessly.
ESLint now officially supports linting of JSON and Markdown
Runtime Typescript and ESM support for Node.js
VRoid Studio is a free 3D character creation software developed by Pixiv, designed for creating anime-style avatars and characters. It allows users to create, customize, and animate 3D models without needing extensive 3D modeling skills.
📚 Libs
Markdown Editor
The Russian company Yandex has released Markdown Editor, a WYSIWYG and markup editor based on Gravity UI. It's likely one of the best editors on the market.
Electrico is an experimental App Container for Electron Apps, built with Rust and JavaScript on Wry/Tauri. It uses native Web Views for NodeJS backend and Electron App GUIs, emulating Electron/Node APIs with Rust. Communication between Web Views and Rust is handled via synchronous/asynchronous XMLHttpRequests.
Swapy is a framework-independent tool that transforms any layout into a drag-and-swap interface with minimal code.
ad :: an adaptable text editor
Tabulator is a powerful, open-source JavaScript library for creating interactive, feature-rich data tables. It allows developers to build tables with a wide range of functionality such as sorting, filtering, pagination, and inline editing without much overhead.
⌚ Releases
Code Hike is a tool designed to enhance the presentation of code in technical content, particularly for blog posts, documentation, tutorials, or slide decks. It integrates with modern web frameworks like React and MDX (Markdown + JSX), enabling developers to create interactive and visually appealing code blocks.
Tauri is a framework for building desktop applications using web technologies like HTML, CSS, and JavaScript. Unlike Electron, which also allows developers to create cross-platform apps using web technologies, Tauri is known for being lightweight, secure, and fast.
Eleventy v3.0.0 is now available
Eleventy, often referred to as 11ty, is a flexible, simple, and powerful static site generator (SSG) for building websites and web applications. It is designed to be easy to use, fast, and highly customizable, making it a popular choice among developers for creating static sites, blogs, and documentation.
📺 Videos
Encore Crash Course - TypeScript Backend Framework & Toolset
This is why feature flags are useful
AWS Certified Cloud Practitioner Certification Course (CLF-C02) - Pass the Exam!
Ambient Light Effects | CSS 3D Glowing Pyramid Animation Effects
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS
Build a Full Stack Next.js App with Google Calendar - TypeScript, Drizzle, ShadCN, Tailwind
console.log([1, 2, 3].at(-1)) transpiles to 44k
As we close out another week, we hope you found some valuable insights and resources in this roundup! Feel free to share your thoughts, favorite links, or any cool projects you're working on in facebook, twitter, or telegram. Enjoy your weekend, recharge, and we’ll see you back here next Friday for more exciting updates and discoveries in the world of development! Happy coding! 🎉