JavaScript Icon

JavaScript

Tracking all things JavaScript
868 Stories
All Topics

JavaScript github.com

The Axios API, as an 800 byte Fetch wrapper

For those searching for ways to shave a few kilobytes off of their bundles, that’s less than 1/5th of the size. This is made possible by using the browser’s native [Fetch API][fetch], which is supported in all modern browsers and polyfilled by most tools including Next.js, Create React App and Preact CLI.

Of course, you could always use Axios directly if/when you can justify the dependency.

JavaScript dutzi.party

Userscripts are fun and are still very much relevant

I couldn’t agree more with this sentiment! Customizing your web experience is what the web is all about. Who remember Greasemonkey?! ✋

Here’s the quick how to for today:

Creating a simple Userscript is pretty simple, you simply install ViolentMonkey (on Chrome, use TamperMonkey for other browsers), hit the Create Userscript button and you will be preseneted with a pretty decent code editor showing a userscript template.

JavaScript zipcall.io

A p2p video chat platform powered by WebRTC

Zipcall boasts high video quality and industry leading low-latency by removing a central server. It has many of the features I care about: no download required, single-use disposable chat rooms, screen sharing, and more.

It does rely upon Twilio’s TURN service right now, which means it falls back to their network if the peer-to-peer connection cannot be achieved. This has a couple of implications. One, it’s not totally free because you have to pay for Twilio API calls. Two, it’s not totally necessarily decentralized 100% of the time. They’re working to address these issues.

Group video calling is also in the works.

Jack McKew jackmckew.dev

Simulating a virus outbreak with JavaScript

Jack builds on this post from Harry Stevens on The Washington Post to create an interactive virus outbreak simulator with JavaScript, HTML5, and Canvas. It simulates the effectiveness of lockdowns, social distancing, PPE, and more. Jack shares the code too.

This post will simulate how viruses can spread throughout a community and implement a variety of different parameters to see how these affect the simulation.

Simulating a virus outbreak with JavaScript

Andrey Sitnik Evil Martians

PostCSS 8.0 is coming. Here’s what it brings

Andrey Sitnik:

PostCSS, the framework for processing CSS with JavaScript that I started building while working at Evil Martians, has been around since 2013. With 100+ million downloads a month, it quietly tops the charts of most popular front-end tools. It is harder to find front-end code that does not rely on it in one way or another, many thanks to the ecosystem of plugins that the community has been building for years.

Support the project on Open Collective and click through to read what’s in store for the first major release in over two years.

Brandon Bayer github.com

Blitz.js — a Rails-like framework for full-stack React apps without an API

Brandon Bayer:

The central thesis is that most apps don’t need a REST or GraphQL API. Blitz brings back the simplicity of server rendered frameworks like Ruby on Rails while preserving everything we love about React.

Additionally, Blitz is bringing other Rails goodness that’s missing in the React ecosystem like file structure and routing conventions, a really nice console REPL, intelligent code-scaffolding, and a fine-tuned out-of-the-box setup with Prettier, Typescript, ESlint, Jest, Cypress, etc.

The framework ‘wars’ continue right alongside the monolith-vs-microservices debate. For more on the principles behind Blitz, check out the manifesto.

JavaScript backstage.io

Spotify's open platform for building developer portals

The philosophy behind Backstage is simple: Don’t expose your engineers to the full complexity of your infrastructure tooling. Engineers should be shipping code — not figuring out a whole new toolset every time they want to implement the basics. Backstage allows you add “stuff” (tooling, services, features, etc.) by adding a plugin, instead of building a new tool. This saves you work and avoids the need of your team to learn how to use and support yet another tool.

Read all about how Spotify uses this internally in this blog post.

Spotify's open platform for building developer portals

The Changelog The Changelog #385

Pushing webpack forward

We sit down with Tobias Koppers of webpack fame to talk about his life as a full-time maintainer of one of the most highly used (4 million+ dependent repos!) and influential tools in all of the web.

Things we ask Tobias include: how he got here, how he pays himself, has he ever gotten a raise, what his typical day is like, how he decides what to work on, if he pays attention to the competition, and if he’s ever suffered from burnout.

0:00 / 0:00