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. SitePoint Build and Deploy Serverless Functions Entirely in JavaScript — Pulumi.io 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. x-team Find A Job Through Vettery — Vettery matches top tech talent with fast-growing companies. Create your profile to get started. Vettery 📘 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. Microsoft Layoutit: A CSS Grid Layout Interface Builder — A quick online way to put together a CSS grid layout and get the code needed. Leniolabs 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

by via JavaScript Weekly