JavaScript Icon

JavaScript

JavaScript is an object-oriented programming language used alongside HTML and CSS to give functionality to web pages.
571 Stories
All Topics

Isaac Schlueter blog.npmjs.org

npm has a new CEO

npm has faced some interesting challenges with project creator and co-founder Isaac Schlueter playing the role of leading the company AND the product. I’m excited to see how this new leadership and focus for Isaac plays out for npm and the greater JavaScript community. In this post, Isaac shares some backstory and details about this transition: Today, I’m happy to introduce Bryan Bogensberger as npm, Inc.’s CEO. He brings a wealth of experience in Open Source and a ton of excitement and expertise to help grow npm to the next level and beyond. Commercializing something like this without ruining it is no small task, and building the team to deliver on npm’s promise is a major undertaking. We’ve sketched out a business plan and strategy for the next year, and will be announcing some other key additions to the team in the coming months. Meanwhile, I’ve taken on the title of Chief Product Officer and I will be spending my time focused on the part of the problem that I love.

read more

Dan Abramov Increment

The melting pot of JavaScript

Dan Abramov, writing for Increment: Unconstrained by a single vendor, the JavaScript ecosystem closely reflects human culture. It is inventive, incremental, messy, assimilating everything on its way, and ubiquitous. I’ll be honest: I love the melting pot of JavaScript. And while there’s no denying that it’s harder for beginners now to get into it than it was for me five years ago, I believe there are a few things we can do to make it more approachable. But first, let’s see how the JavaScript ecosystem came to be this way. Whether are weighed down by JavaScript fatigue or revved up about the JavaScript renaissance, you’ll probably enjoy this insightful piece all about the melting pot that we call JS.

read more

Webpack github.com

🚀 Jetpack wraps webpack to create a smoother developer experience

Jetpack can be used instead of webpack, webpack-cli, webpack-dev-server and webpack-dev-middleware without writing any configuration. Jetpack is a thin wrapper around webpack, and can be extended with any of the webpack configuration. Taking the configuration out of webpack seems like a recipe for success. This project is an exploration of some ideas accumulated over a few years using webpack in a variety of projects. Webpack is a very powerful and flexible tool. It applies to a lot of use cases and that is one of the reasons it has so many configuration options. Webpack also evolved over the years but preserved backwards compatibility as much as possible to support the large ecosystem built around it. I’d be surprised if some of the good ideas in Jetpack don’t find their way in to webpack proper.

read more

Omar Bahareth Medium

Lessons learned from a year of fighting with Webpack and Babel

Webpack and Babel are awesome, this article isn’t trying to say otherwise. We wouldn’t be able to use a lot of things if it weren’t for them, but the experience of using them together needs to get better. I faced many of these issues over the course of many months and understanding them/finding solutions was incredibly difficult (error messages don’t exactly tell you what went wrong and searching for them doesn’t always give relevant results), and I hope this article can act as the guide I had hoped to find back then. I love posts these where you take your hard-won learnings and share them with the world in an attempt to save others from the same headaches.

read more

Divya Sasidharan shortdiv.com

All eyes on Wasm

We’re tracking the activity around Wasm quite well, but we’re open to more suggestions if you have them. In this post Divya shares some insights and the big idea behind Wasm. It is undeniable at this point that WebAssembly is (and will be) a huge game changer for web development. As a lower level language, it efficiently handles more computationally heavy tasks and allows us to so more, with less. Though we’re still in the early stages of WASM, the future looks bright.

read more

JavaScript chriscavs.github.io

Rallax.js – dead simple parallax scrolling

Vanilla JS. No dependencies. Even handles tricky situations like when conditions: const parallax = rallax('.parallax') // after reaching a certain position in the document, // increase the target's speed parallax.when( () => window.scrollY > 400, () => parallax.changeSpeed(1) ) // stop the parallax after a certain period of time const startTime = new Date().getTime() parallax.when( () => { const newTime = new Date().getTime() return newTime - startTime > 4000 }, () => parallax.stop() )

read more

Eran Hammer Medium

Why you should consider hapi

Eran Hammer makes the case for hapi as your Node web framework of choice. We’ve been talking about dependencies a lot lately due to recent events. In light of that, think about this: hapi was the first (and still the only) framework without any external code dependencies… I personally (and manually) review every single line of code that goes into hapi (excluding node itself). I review every pull request on every dependency regardless if I am the lead maintainer. That’s quite the selling point! He has a lot of great reasons why hapi is worthy of your consideration. Click through for the hard pitch.

read more

JavaScript github.com

A lightweight, auto-curried functional programming library

arare enables you to write tacit, point-free, declarative & clean code while avoiding side-effects and mutations. Internally the library itself, comprised of over 200 functions, follows the functional programming paradigm and is materialized using fundamental functional qualities such as currying, recursion, tail calls, high-order functions, referential transparency, side-effects elimination and function composition. Ships with a built-in REPL. 💪

read more

Medium Icon Medium

Crowdsourcing the evolution of text parsing with unified

unified –for the uninitiated– is an interface for processing text with syntax trees and transforming between them. Maybe you’ve never heard of it, but you’ve probably relied on it as part of your software infrastructure: [unified] has been OSS for years, but has recently gotten more traction. It’s used in fancy technology such as MDX, Gatsby, and Prettier, and used to build things like Node’s docs, freeCodeCamp, and GitHub’s open source guide. Project’s like unified are crucial to the JavaScript ecosystem, but they’re difficult to fund and support toward sustainability. Hence, the unified collective. Today, we are pleased to announce the creation of the unified collective. It’s an effort to bring together like-minded organisations to collaboratively work on the innovation of content through seamless, interchangeable, and extendible tooling. We build parsers, transformers, and utilities so that others don’t have to worry about syntax. We make it easier for developers to develop. Let’s show these maintainers some 💚 and share this around to those who should be supporting it.

read more

JavaScript 2018.stateofjs.com

The 2018 State of JS results are in! 🔥

The results are in and JavaScript continues to take over the world! Over 20,000 developers were surveyed about JavaScript including JS variants, frameworks, tooling, and demographics. Of particular interest is the Opinions sections which compares results to previous years to show how developer sentiment is trending regarding satisfaction with the language and the ecosystem.

read more

Scott Jehl filamentgroup.com

Inlining or caching? Both please!

I was exploring patterns that enable the browser to render a page as fast as possible by including code alongside the initial HTML so that the browser has everything it needs to start rendering the page, without making additional requests. Our two go-to options to achieve this goal are inlining and server push (more on how we use those), but each has drawbacks: inlining prevents a file from being cached for reuse, and server push is still a bit experimental, with some browser bugs still being worked out. As I was preparing to describe these caveats, I thought, “I wonder if the new Service Worker and Caching APIs could enable caching for inline code.” I’ve been dabbling a bit with service workers over on Brightly Colored to improve the loading time, so this exploration of caching inline CSS is fascinating. In fact, I used to completely inline all the CSS on the site, but switched to a file request because of the way I thought service workers, well… worked. Surprisingly, this implementation doesn’t look too difficult.

read more

JavaScript blog.mgechev.com

Guess.js - a toolkit for enabling data-driven user-experiences on the web

Our goal with Guess.js is to minimize your bundle layout configuration, make it data-driven, and much more accurate! In the end, you should lazy load all your routes and Guess.js will figure out which bundles to be combined together and what pre-fetching mechanism to be used! All this in less than 5 minutes setup time. That’s an excellent goal! But how will that work? During the build process, the GuessPlugin will fetch report from Google Analytics, build a model used for predictive pre-fetching and add a small runtime to the main bundle of your application. On route change, the runtime will query the generated model for the pages that are likely to be visited next and pre-fetch the associated with them JavaScript bundles. The tool was announced at Google I/O back in May, but as of today it’s still in alpha.

read more

Electron minbrowser.github.io

Min – a smarter, faster web browser

I love how people continue to experiment in browserland. Min has some cool stuff going: Tabs in Min take up less space, giving you more room to browse the web. Pages you haven’t looked at in a while fade out, letting you see what’s important, and Focus Mode hides your other tabs to prevent you from getting distracted. It also sports built-in ad blocking (table stakes for new browsers to compete?) and DDG integration in the search bar. Min is built on Electron, so while it may be fast it possibly isn’t memory efficient. But what browser is, these days? It’s also worth noting that Min runs on an older version of Chromium, so it’s likely missing some security fixes. (More on that right here.)

read more

Lee Byron Medium

Introducing the GraphQL Foundation

The Linux Foundation is essentially a foundation for foundations, and the newest member to join the ranks is the GraphQL Foundation. We’ve been tracking news and talking about GraphQL for some time now. Back in 2012 Nick Schrock, Dan Schafer, and Lee Byron got together at Facebook to build the next generation of Facebook’s iOS app powered by a new API for News Feed — what they arrived at was the first version of GraphQL. Lee Byron has this to say about today’s announcement: Today, GraphQL has been a community project longer than it was a Facebook internal project — which calls for its next evolution. As one of GraphQL’s co-creators, I’ve been amazed and proud to see it grow in adoption since its open sourcing. Through the formation of the GraphQL Foundation, I hope to see GraphQL become industry standard by encouraging contributions from a broader group and creating a shared investment in vendor-neutral events, documentation, tools, and support. So who’s involved? Well, GraphQL Foundation is being created in partnership with the Linux Foundation, Facebook, and nearly a dozen other companies. Those “other companies” are likely large scale companies who’ve contributed to or are using GraphQL in production and have a vested interest in its future.

read more

0:00 / 0:00