Changelog

In this special episode of JS Party at Node + JS Interactive in Vancouver, KBall, Nick and Suz explore the proposed merger between the JS Foundation and the Node Foundation. They pick the brains of special guests Tierney Cyren (Node Foundation) and Dave Methvin (JS Foundation) about what's happening with the merger, what it means for the ecosystem and for everyday JavaScript developers.

Use this tool to take our transcripts for offline reading: percollate pdf --output changelog-319.pdf https://changelog.com/podcast/318 (Support for epub and html outputs are planned, but not yet implemented.)

Here's a new way of hosting server-side rendered single-page applications. Instead of paying for servers and doing the tedious work of keeping them safe and up-to-date, deploy your Nuxt.js app to AWS Lambda with Serverless instead. Follow the walkthrough, or jump straight to the code.

Finally, a better way to teach people what this is...

GraphQL is based on a very simple HTTP transaction, which sends a request to an endpoint with query and variables. Many libraries require complex stacks to make that simple request. In any project you don't use React, Relay, you'll need a simpler client which manages your query and makes a simple request. Isomorphic, in case you were wondering, means it runs both on the client and the server.

Where does Feross get all those wonderful toys? He builds them with JavaScript, of course! BitMidi – a website for listening to your favorite MIDI files – is his latest creation. In this episode, Jerod “sits down” with Feross to learn all about it. How do MIDIs even work? Why won’t they play on the web anymore? Can WASM save the day (hint: yes)? How does Feross get so many eyeballs on his creations? Is Preact awesome for building sites like this? What’s the future of BitMidi look like? Don’t ask us, listen to the episode!

If you've ever thought, "How do I do X in React", there is a good chance this website has an example of X for you to learn from. Data grids, forms, calendars, charts... you name it and this site probably has it.

Alex Buzin: A month ago I decided to try my skills in writing own tweening engine and here’s how I did it… Tweening, in case you're wondering, is the process of animating an object from one position to another. You specify the start/end positions (or images) and the tweening engine handles all of the inbetween states. This post by Alex is a great way to introduce yourself to the topic.

Safia, Suz, KBall and Nick get together to talk about bugs! Not those pesky things you're scared to squash because they might suddenly jump on you — this is all about JavaScript bugs; how you prevent some of the common ones, what tools you can use to reduce bugs in your code, and a panel group therapy session where they discuss the most difficult bug they've had to fix.

Testing React components may be challenging for beginners and experienced developers who have already worked with tests. It may be interesting to compare your own approaches with the ones we use in our project. In order to cover the codebase, you have to know which components must be tested and which code exactly in component should be covered.

Hot off the press: An intent to merge means that we the boards of both Foundations have agreed to public discussions related to a possible merger. We have not made any formal decisions at this point regarding a new or merged Foundation and its potential organizational structure, governance policies, technical framework or leadership. This will be formalized based on feedback from the Node.js and JavaScript communities. There will be a panel and Q&A at Node+JS Interactive next week and you know that the JS Party crew will be there with the full coverage. 💪

The gif below gives you a good idea of what Telemachy provides. 👇

Slim.js was derived from the will to create a simple but powerful library that enables developers to create custom elements, using the web components standard and API. It looks like the fastest open source web-components library around. Read (or scroll) to the end of this interview where he shares open source tools he's excited about.

Here's a few things that are new, but "don’t feel pressured to upgrade anything." 🎉 More styling options: you can use Sass and CSS Modules out of the box. 🐠 We updated to Babel 7, including support for the React fragment syntax and many bugfixes. 📦 We updated to webpack 4, which automatically splits JS bundles more intelligently. 🃏 We updated to Jest 23, which includes an interactive mode for reviewing snapshots. ...plus 7 more updates...

Suz, Nick, and KBall are joined by special guest Aimee Knight to talk about CSS, how it's often trivialized and how that in turn affects the people who write it, what CSS in JS is, and how to get started with it.

CodeSandbox Containers was just announced by Ives van Hoorne on Hacker Noon. Today we’re happy to announce CodeSandbox Containers. We execute your code on a server, which allows you to work on any JavaScript project that works locally. But you gotta use it so they can test things and get it right. We can only test CodeSandbox Containers fully when we have other people using it. ... Please don’t use it for any project with files you don’t want publicly exposed. There’s also the chance that the service might be down because of things that we haven’t foreseen yet, in which case you’ll see a nice warning message. We will dedicate the coming months to squash every bug we can find, when we think that CodeSandbox Containers is stable enough to remove the beta warning we will announce this.

In this special rebroadcast of JS Party, Jerod and Suz talk with John Resig about how he's using GraphQL at Khan Academy, some of the mistakes and successes using GraphQL, John's feelings on jQuery, and community Q&A.

Modular JavaScript is a book series with the mission of improving our collective understanding of writing robust, well-tested, modular JavaScript code. The just-announced 2nd book in the series, Mastering Modular JavaScript, is free to read in HTML format and available from O'Reilly as an early release.

Tomasz Jakut takes us through a proof-of-concept where he rebuilds Vue's single file components from the ground up with nothing but browser-native technologies. It takes a few 'dirty' hacks to get the job done, but the journey is quite enjoyable and you learn a lot along the way. A great read! 💯

Do you have packagephobia? Maybe you should... If you don't, you just might after using this tool: Package Phobia reports the size of an npm package before you install it. This is useful for inspecting potential dependencies or devDependencies without using up precious disk space or waiting minutes for npm install. Ain't nobody got time for dat.

Suz, Jerod, Nick and KBall talk about cringeworthy mistakes and failures they (and the community!) have experienced with JavaScript. They also give advice to themselves as if they were just starting out today in the JavaScript industry.

KBall interviews with Michael Chan, Juan Pablo Buriticá and Julián David Duque, and Tim Doherty at JSConf.US. Conversations about the importance of DRY code, the metaphors we use for software, JavaScript communities across Latin America, how to advocate for modern tech stacks in large companies, and fostering mentorship.

Umi is based on routing, supports next.js-like conventional routing, and various advanced routing functions, such as routing-level on-demand loading. Then with a complete plugin system, covering every life cycle from source code to build product, umi is able to support various functional extensions and business needs, currently umi have almost 50+ plugins in both community and inside company.

The Yarn team is brewing up a new way to resolve dependencies: this RFC a new alternative and entirely optional way to resolve dependencies installed on the disk, in order to solve issues caused by the incomplete knowledge Node has regarding the dependency tree. We also detail the actual implementation we went with, describing the rational behind the design choice we made. Pretty exciting if/when they pull it off. The wins: Installs ran using Plug'n'Play are up to 70% faster than regular ones (sample app) Starting from this PR, Yarn will now be on the path to make yarn install a no-op on CI Yarn will now be able to tell you precisely when you forgot to list packages in your dependencies Your applications will boot faster through a hybrid approach of static resolutions

When you pull in a library dependency, it is rare that you need all of the functionality it offers. This isn't usually a problem for backends, because that code never leaves the server. However, In frontend-land your users pay the price for all that unused functionality every time they hit your website with a cold cache. Moment.js is an excellent date/time library. It is packed with functionality, and you probably don't need everything it has to offer. Instead, check out date-fns, which offers small, highly targeted functions you can probably get by with. There's even an ESLint plugin that will help you identify places in your codebase where you don't really need Moment.js!