Redux, sparse arrays, and learning React from basic code examples

#393 — July 6, 2018
Read on the Web

JavaScript Weekly

Illustration by Beebee

What is Redux: A Designer’s Guide — A really neat high-level approach to explaining Redux and what it offers beyond state management.
Linton Ye

An Adventure in Sparse Arrays — A quick prod around the idea of ‘sparse’ arrays, how they work in JavaScript, and a few concepts to keep in mind.
Remy Sharp

Optimization Auditing: A Deep Dive into Chrome’s Dev Console — Ahmed Bouchefra offers an in-depth exploration of the features of the Chrome DevTools for measuring performance and debugging your web apps.

Build and Deploy Serverless Functions Entirely in JavaScript — provides a programming model for the cloud. Spend less time on YAML, and more time on JavaScript, because after all… Code is the best Config. Pulumi supports any service on any cloud – from serverless to Kubernetes to storage.
Pulumi sponsor

Reduce JavaScript Payloads with Tree Shaking — Knowing where to begin optimizing your app’s JavaScript can be daunting — tree shaking might be a good place to start.
Jeremy Wagner

Building Mobile Apps with Capacitor and Vue.js — Learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile apps for Android and iOS.
Ahmed Bouchefra

React From Zero: A Simple Code-Based React Tutorial — An interesting approach based entirely upon simple, annotated code, with no articles to read. It’s nice to see React’s features demonstrated so cleanly. Also in Chinese and Portuguese.
Kay Plößer

💻 Jobs

React/Full Stack Developer (Remote or Southern CA) — Join our small team building apps and services for customers in over 50 countries worldwide. We learn. We build. We deliver.
Geist Interactive

JavaScript Developer at X-Team (Remote) — We help our developers keep learning and growing every day. Unleash your potential. Work from anywhere. Join X-Team.

Find A Job Through Vettery — Vettery matches top tech talent with fast-growing companies. Create your profile to get started.

📘 Tutorials and Opinions

ES2017 Object and String Extensions — Covering Object.entries, Object.values, Object.getOwnPropertyDescriptors, String.padStart and String.padEnd.
Zsolt Nagy

Recreating Python’s Slice Syntax in JS Using ES6 Proxies
Evan Sangaline

Build a Netflix Style Video Delivery Infrastructure — Play adaptive video at the same quality and speed as Netflix and Youtube. Encoding, Player and Analytics – JavaScript API client.
Bitmovin sponsor

Get Better Type Checking in JavaScript with the ‘Maybe’ Type
Gilad Shoham

Understanding Redux: The World’s Easiest Guide to Beginning Redux — Long, but starts from a very simple level.
Ohans Emmanuel

How Angular Resolves Dynamic Components — What happens under the hood when you use Angular’s resolveComponentFactory?
Chidume Nnamdi

WebRTC and the Mechanics of Peer-to-Peer Networking
Alexander Zlatkov

Deriving the Y Combinator in JavaScript — Well written, but quite a theoretical exercise.
Nathan Leung

OpenID Connect + Node = Simple, Secure Website — Learn all about data storage, middlewares, routing, & generating views as you build a secure blog with Express.js.
Okta sponsor

Keep Your Promises in TypeScript using async/await
Gilad Shoham

Ask HN: What You Wish You’d Known Before Getting Into JavaScript? — A lot of very different answers here.
Hacker News

Why GraphQL: Advantages, Disadvantages and Alternatives
Robin Wieruch

🔧 Code and Tools

Rete.js: A Framework for Visual Programming — Create a node-based editor in the browser and apply logic. Check out these demos on CodePen.
Vitaliy Stoliarov

Microstates.js: Composable State Primitives for JavaScript — Declaratively compose application state from atomic state machines.
Taras Mankovski and Charles Lowell

Real-Time Error Monitoring, Alerting, and Analytics for JavaScript 🚀
ROLLBAR sponsor

Singlie: Singly Circular and Linear Linked Lists for ES6
Klaus Sinani

Formik: Working with Forms in React Made Easier — Handles validation, errors, submission, and getting values in and out. It’s now a year old, too.
Jared Palmer

Axax: Async Iterator Extensions for JavaScript
Jamie McCrindle

Rogue: Quick, Zero Config Server Side Rendering for React
Alid Castano

😄 Peter’s “They’re Not JavaScript But You Might Like ‘Em” Bonus Links

Visual Studio Code June 2018 Update Released — The most commonly used editor by JavaScript developers gains the ability to lay out multiple editors in the same window in a grid-like manner.

Layoutit: A CSS Grid Layout Interface Builder — A quick online way to put together a CSS grid layout and get the code needed.

Robot Odyssey Online — An amazingly playable Apple II game from 1984 ported to the Web. You have to program a group of robots to help you escape a sewer. One of the earliest programming-related games, it remains a serious challenge and will suck your time away.
Micah Elizabeth Scott