The way forward for JavaScript is.. import maps?

No Comments

#​552 — August 20, 2021

Unsubscribe  |  Learn on the Internet

JavaScript Weekly

Ruby on Rails’ Creator on Fashionable Internet Apps with out JS Bundling or Transpiling — David Heinemeier Hansson (the unique creator of the favored Ruby on Rails framework) has defined the place he sees the way forward for JavaScript in Rails-based apps and it entails utilizing import maps and not needing bundlers like Webpacker – as an alternative apps will simply pull within the ES modules wanted. He additionally exhibits off the way it works in this 27-minute screencast.

David Heinemeier Hansson (DHH)

An Absurd Future for SQL on the Internet?absurd-sql is a mission aiming to offer a persistent backend for SQLite on the internet. It makes use of IndexedDB however with sql.js in entrance so you need to use SQLite in a pure however persevered method from webapps. Some attention-grabbing ideas right here.

James Lengthy

Be taught the Fundamentals of TypeScript — Use TypeScript so as to add robust typing to giant JavaScript apps helps scale back bugs and retains code performant and maintainable. This course covers all it is advisable know together with tips on how to migrate your codebase to TypeScript and enhance productiveness whereas constructing large-scale apps with ease.

Frontend Masters sponsor

Asserting React Native 0.65 — The VM inside React Native has had an improve and now has ES i18n API (Intl) suport, helps M1 Macs and Mac Catalyst, has a a lot quicker rubbish collector, and extra, together with accessibility enhancements.

Luna Wei and Fb

QUICK BITS:

Wish to converse on the on-line React Conf 2021 in November? You’ve got received three days to submit your proposal.

Chromium is including help to import CSS stylesheets with import a lot as you may with ES modules.

🎲 The annual JS13KGames coding competitors has begun and runs till September 13 – the theme is “area.” Able to construct a sport?

A take a look at the bizarre error message you may encounter in case you put greater than 2^24 objects in a Map object.

🎂 Bootstrap is 10 years previous!

RELEASES:

Mocha 9.1.0 – Testing framework.
svgo 2.4.0 – Node software for optimizing SVG recordsdata.
Node 16.7.0 – Experimentally provides a recursive cp technique.
Capacitor 3.2.0 – Construct native PWAs for iOS, Android, and the Internet.
WebTorrent 1.5.0 – Streaming torrent consumer for the net.
Cypress 8.3.0 – Testing for something that runs in a browser.

💻 Jobs

Entrance-Finish Developer – Utrust (Distant, GMT -2/+4) — We’re altering the world with crypto. Be part of our crew, working with applied sciences similar to React, Redux, GraphQL and TypeScript.

Utrust

Senior Software program Engineer – React, 100% Distant — Collection-A, neobank tailor-made to e-commerce, 12 builders and coming into hypergrowth.

Juni

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

📖 Articles, Opinions & Tutorials

Creating an Interactive Gantt Chart Element with Vanilla JS — Coding a Gantt chart (generally used as a approach to visualize schedules) as a reusable Internet part, masking the structure of the part, rendering the calendar with CSS Grid, and managing the state of the draggable duties with proxy objects.

Anna Prenzel

Loading Third-Social gathering JavaScript — This isn’t new, however lately popped up on our radar once more and stays a strong useful resource — learn to optimize the loading of third-party scripts to cut back their impression on efficiency.

Addy Osmani & Arthur Evans

Construct a React Chat Software — In just a few easy steps we’ll present you tips on how to launch a chat app utilizing our React part library.

Stream sponsor

Tips (from the Seventies!) on Break up Your React Parts — Some attention-grabbing concepts extracted from a Seventies paper: “Designing Software program for Ease of Extension and Contraction” by David Parnas.

João Forja

Write TypeScript Interfaces in JSDoc Feedback — A approach to keep away from construct steps however nonetheless take pleasure in TypeScript kind checking in your .js recordsdata.

Wes Goulet

return await promise vs return promise — Is there any distinction between utilizing return await promise and return promise in asynchronous capabilities?

Dmitri Pavlutin

‘I Tried Angular as a React Developer. Listed here are Six Issues I Like About It.’

Louis Petrik

Construct a Portfolio Web site with Subsequent.js and Tailwind CSS

Manu Arora

Truthy and Falsy: When All is Not Equal in JavaScript

Craig Buckler

🛠 Code & Instruments

wavesurfer.js: Navigable Waveforms by way of the Internet Audio and Canvas APIs — In case you’re making a podcast participant, audio expertise, or something the place seeing an interactive audio waveform may very well be helpful, verify this out.

katspaugh and contributors

Marked 3.0: A Quick Markdown Parser and Compiler — Works within the browser or server-side. Demo right here to see it in motion.

Christopher Jeffrey

Go from Zero to Stay Streaming, in a Couple of Minutes — Mux Video is an API-first platform that makes it simple to construct stunning stay video that streams in all places.

Mux sponsor

zx 3.0: A Instrument for Writing Higher Shell Scripts — Moderately than utilizing one thing like bash to throw collectively a fast script, zx offers a wide range of niceties to do the identical with the JavaScript you understand and love.

Google

v-lazy-image: A Vue.js Element to Lazy Load Photos — Makes use of Intersection Observer after which progressive rendering with CSS animations to maintain issues clean. CodeSandbox demo.

Alex Jover

Pyodide: Python Compiled to WebAssembly for the Internet — Python continues its ascent within the worlds of programming schooling and knowledge science, so you probably have a use case for interoperating with it within the browser from JavaScript, that is what you want. It is only one of quite a few methods to make use of Python within the browser, although.

Pyodide contributors and Mozilla

Guide a Demo. Ship Quick. Relaxation Straightforward. LaunchDarkly

LaunchDarkly sponsor

Notistack: A Library for Straightforward Snackbar/Toast Notifications — You’ll be able to check out a complete slew of demos and an API reference on the docs web site.

Hossein Dehnokhalaji

Serendipity: A Stunning VS Code Theme with Darkish and Gentle Modes — The colour palette was chosen particularly to be pleasing to the eyes on retina shows.

michael andreuzza

🕰 ICYMI (Some older stuff which will catch your eye…)

Here is a take a look at tips on how to keep away from/forestall uncaught async errors.

Dmitri Pavlutin explains tips on how to use the fetch() API to load and submit JSON knowledge.

Kilian Valkhof exhibits how one can detect media question help in CSS and JavaScript.

🐟 And one that did not fairly get away…

Fishdraw: Procedurally Generated Fish Drawings — This Node-based mission creates ‘all types of bizarre fishes’ and boasts being absolutely procedurally generated – the output seems fairly superb.

Lingdong Huang

    About Marketing Solution Australia

    We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

    Request a free quote

    We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

    Subscribe to our newsletter!

    More from our blog

    See all posts

    Leave a Comment