Weekend JavaScript



ISSUE #92

React Fiber, JavaScript patterns for 2017, pnpm project manager and lots of stuff to learn


HEADLINES

Facebook announces React Fiber, a rewrite of its React framework

Facebook has completely rewritten React, its popular JavaScript library for building user interfaces. The company hasn't previously talked about React Fiber,..


Modernizing the DOM tree in Microsoft Edge | Microsoft Edge

We’re just beginning to scratch the surface of what’s possible with our new DOM tree, and there’s still a long journey ahead, but we’re excited to see where it leads and to share it with you!


Improving Startup Time | Atom Blog

Over the last months, the Atom team has been working hard on improving one of the aspects of the editor our users care about the most: startup time. We will first provide the reader with some background about why reducing startup time is a non-trivial task, then illustrate the optimizations we have shipped in Atom 1.17 (currently in beta) and, finally, describe what other improvements to expect in the future.


MODERN JAVASCRIPT

JavaScript Patterns for 2017 | Scott Allen

The JavaScript language and ecosystem have seen dramatic changes in the last 2 years. In this sessions we'll look at patterns for organizing code using modul...


Syntactical Overkill in JavaScript

This month I started a new React-Native project and used some libraries I heard only good things about in the last 12 months or so. While writing my app, I couldn't help to notice all the new syntax that crept into my code.


NODE.JS

Hard-won lessons: Five years with Node.js | Scott Nonnenberg

I’ve already shared a few stories, but this time I wanted to focus on the ones I learned the hard way. Bugs, challenges, surprises, and the lessons you can apply to your own projects!


Why should we use pnpm? by @ZoltanKochan

pnpm is an alternative package manager for Node.js.It is a drop-in replacement for npm, but faster and more efficient.


USECASES

The Benefits of Server Side Rendering Over Client Side Rendering | Alex Grigoryan

Most of our pages on walmart.com are using server side rendering (henceforth SSR) with only a few unique exceptions. Due to the benefits of SSR, when we transformed our stack to React and Nodejs, we…


TESTING

Unit Tests in JavaScript with Sinon - Solidgear

This entry will be focused on unit tests in JavaScript and how to use Sinon to get rid of the dependencies from another modules. We will be able to run these tests with Mocha as we saw previously.


LEARN HOW IT WORKS

React DOM Confetti

React component for confetti explosions


GitHub - citycide/babel-plugin-partial-application

Partial application syntax for JavaScript, inspired by Scala & Kotlin.


GitHub - dsifford/yarn-completion

Shell autocompletion for Yarn


GitHub - ruyadorno/simple-slider

The 1kb JavaScript Carousel


GitHub - zombieleet/duty

duty is a command line todo application written with node.js


GitHub - sacert/Snake-Star

Snake-Star - Simple implementation of an AI in Snake


LIBRARIES

Introduction · Slate

Slate is a completely customizable framework for building rich text editors.


GraphCMS - GraphQL Based Headless CMS

Build a GraphQL content API in minutes! GraphCMS lets you build a hosted GraphQL backend for your apps and gives you all the tools you need to manage your content.