#598 — July 15, 2022
Unsubscribe | Learn on the Net
JavaScript Weekly
Vite 3.0 Launched — I comply with a lot of JavaScript communities and builders and Vite, a frontend growth and construct software of the identical provenance as Vue.js, appears to be unanimously held in excessive regard and is utilized by tasks as numerous as Nuxt, SvelteKit, Astro, and even PHP’s Laravel. Associated:
Why Replit switched from webpack to Vite.
▶️ Vite defined in 100 seconds by Fireship.
▶️ A 13 minute introduction to Vite by Evan You himself.
Ladle – Vite-backed React element dev software, and Storybook different.
Fastify DX – in-development full stack framework on prime of Fastify & Vite.
Evan You and Contributors
CKEditor 5 Is Right here to Make Collaborative Writing Straightforward — A customizable wealthy textual content editor that permits you to construct collaboration inside your utility in hours. Prepared-to-use options like feedback, observe modifications, real-time collaboration, model historical past and plenty of extra. Begin your free trial to implement it now.
CKEditor 5 sponsor
Rety: Stay Coding With out the Stress — Final week we talked about Lea Verou’s ▶️ CSS variables speak – a chat that had some ‘dwell coding’ sections which have been orchestrated upfront utilizing Rety, which Lea has launched to us all.
Lea Verou
Node-RED 3.0 Launched — Node-RED is a well-liked Node.js-based low/no-code programming surroundings closely used within the IoT house (although not solely). v3.0 requires Node 14+ and contains quite a few UI/DX enhancements. Nicely value a attempt if the thought of visually becoming a member of collectively logical elements appeals to you.
Nick O’Leary
IN BRIEF:
It is early days for Bun (featured final week) however there’s already an awesome-bun listing of curated sources for it.
📆 EmberFest, a European Ember.js convention, is happening in Paris this September 22–23.
Mark Erikson shares some helpful tips on how you can analysis the extent of npm bundle use.
We solely talked about Vue 2.7 a couple of weeks in the past, however ▶️ is Vue 2 useless?, asks Erik Hanchett who brings us up to the mark with what is going on on Vue-side.
RELEASES:
Ember 4.5 – The productive, battle-tested framework.
Preact 10.10 – Quick 3KB React different.
pkg 5.8 – Package deal a Node app into an executable.
React Large Calendar 1.4 – Google Calendar-esque element.
AdminJS 6.0 – Node.js admin panel system.
📒 Articles & Tutorials
Statements vs. Expressions — If you happen to have been placed on the spot and requested to explain the distinction between a assertion and an expression in JavaScript, would you’ve gotten a great reply? If you happen to’re not solely certain, this can be a good refresher on what’s concerned.
Josh W Comeau
Testing Bun’s Velocity and Compatibility with Node.js — David determined to place Bun by means of its paces to see how it might fare with an actual world app vs Node.js. Unsurprisingly for an app with actual world pressures (file system, community, et al.) the distinction in efficiency was minor, however he was impressed at how seamlessly it labored.
David Herron
Don’t Let Your Subject Tracker Be a 4-Letter Phrase. Use Shortcut — The very best situation monitoring software program is one which software program builders are literally completely satisfied to use.
Shortcut (previously Clubhouse.io) sponsor
Making use of SOLID Ideas in React — The so-called SOLID object oriented design ideas have stood the take a look at of time—they have been first launched by Robert Martin in 2000. Though a lot has modified since, they’re nonetheless legitimate and will be useful when utilized in React apps.
Konstantin Lebedev
Getting Began with Vue Composables — For once you need to extract stateful performance to reuse throughout elements.
Abiola Farounbi
▶ An Introduction to Practical Programming in JS — A lightweight hearted, but helpful, introduction to the ‘mustachioed hipster of programming paradigms.’ Good for freshmen.
Cassidy Williams
Construct Your Work Portfolio with Different JavaScript Engineers on Polywork
Polywork sponsor
▶ ‘I Made a Function-Taking part in Recreation in Excel’ — We’ve talked about this man’s experiments in creating JavaScript video games that use PowerPoint and Phrase up to now – he’s again and now utilizing a spreadsheet for his canvas.
SethEric
Working with File System Paths on Node.js
Dr. Axel Rauschmayer
Understanding The Efficiency Influence of Anti-flicker Snippets
Andy Davies
Construct Your Personal Wordle for Numbers
Olivia Gibson
🛠 Code & Instruments
Add to Calendar Button: Add a Fast Option to Let Customers ‘Add to Calendar’ — The button is pre-styled and it drops down to indicate choices for varied calendars – Apple, GCal, iCal, Microsoft 365, Outlook..
Jens Kuerschner
Luxon 3.0: Library for Working with Dates and Instances — If you happen to’re acquainted with one thing like Second.js, it’s like that however with immutable objects, 1-indexed months, Intl-powered localization (so no locale or timezone recordsdata wanted!) and extra.
Second.js
Combine eSignatures in Your App in Much less Than a Week — Allow doc signing from anyplace with HelloSign’s eSignature performance. Check the API for free.
HelloSign, a Dropbox Firm sponsor
NestJS v9 Launched — Nest is a TypeScript-based server-side framework for once you want a extra fleshed out and full platform to work on (or get assist from) than straight Specific, say. v9 introduces a helpful REPL, a configurable module builder, sturdy suppliers, and extra.
Kamil Mysliwiec
Hyperlink Preview JS: Get Details about a Hyperlink’s Goal Web page — Makes use of the OpenGraph metadata that people like Fb and Twitter use when displaying hyperlink previews.
Oscar Franco
QUICK RELEASES:
Commander.js 9.4 – Node.js CLI app library.
eruda 2.5 – Net console for cell browsers.
Tedious 15.0 – TDS module for connecting to SQL Server.
mux.js 6.2 – Utilities for inspecting video container codecs.
💻 Jobs
Discover JavaScript Jobs with Employed — Create a profile on Employed to attach with hiring managers at rising startups and Fortune 500 corporations. It is free for job-seekers.
Employed
🤔 DID YOU KNOW..
.. you may code ▶️ Tetris for the Net utilizing React from Rust, fairly than JavaScript?
.. you may maintain the Shift key when taking a look at community requests in Chrome’s devtools to see what initiated the request and its dependencies?
.. FizzBuzz is FizzBuzz years outdated?
.. you may simply ‘take a look at drive’ over 100 programming-focused fonts at programmingfonts.org?
.. when you’re a frontend developer, we even have 💌 Frontend Focus, a publication targeted solely on frontend, browser, and Net design associated information, tech, and instruments. Here is the newest situation.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!