#365: Results From The State of JavaScript 2017 Survey

December 15, 2017, 12:00 am

≫ Next: #366: 10 Insights from the State of JS Survey

≪ Previous: #364: Angular 5.1, a React course, and an all new webapp bundler

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 365 — December 15, 2017 The State of JavaScript 2017 Results Are In The results of the annual ‘State of JavaScript’ survey are here, this time with over 28,000 developers taking part. See what tools are most popular in numerous categories. 30 Seconds of Code: Useful, Bitesize JavaScript Snippets A large curated collection of useful bits of JavaScript code you can understand in 30 seconds or less. Angelos Chalaris Cloud-Scale Monitoring and Alerting Thousands of organizations rely on Datadog to monitor 200+ technologies. With features including built-in dashboards, algorithmic alerts, and end-to-end request tracing, Datadog helps teams monitor their entire stack all in one place. Try it free. Datadog   Sponsor Walt: A JS-Like Syntax for the WebAssembly Text Format An in-progress experiment for using a JS-inspired alternative syntax for WebAssembly to write to as ‘close to the metal’ as possible. Arthur Buldauskas Billboard.js: A D3 v4-based JavaScript Chart Library v1.2 is out now and adds bubble charts, pattern filling, image exports, and more. Jae Sung Park PostHTML: An HTML/XML Transformation Tool Based on JS Plugins Think PostCSS but for HTML and XML (which brings formats like SVG into play too). Check out the examples and plugins available. PostHTML Popmotion: A Functional JavaScript Motion Library Mix tweens, physics, & user inputs to create elegant Web-based interactions - all in 11KB. Popmotion Jobs Web Client Engineer (New York)Join a growing engineering team that builds highly performant video apps across Web, iOS, Android, FireTV, Roku, tvOS, Xbox and more. DISCOVERY DIGITAL MEDIA Front End Engineers in Boston - ES6, React, Redux, D3, WebpackWe are a team who loves our customers, we are passionate about front end tech and we have a proud history of innovation. Localytics Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief JS Foundation Brings Fully Serverless Applications to the Masses news architect and Marko are gaining more integrations with each other. Kris Borchers 50% Off 'Secrets of the JavaScript Ninja' eBook Today news Manning Publications Assert(js) Testing Conf Holiday Promo - 20% Off All Tickets 🎁 news Use code JSWEEKLY on check-out and get 20% off the regular ticket price. Code expires Dec 31. OK GROW  Sponsor A Look At V8's Native JavaScript Code Coverage Support tutorial Jakob Gruber The Difference Between 'map' and 'forEach' Array Methods tutorial Brandon Morelli Arrays, Symbols, and Realms tutorial Why type checking fails across iframes, and what Array.isArray actually does. Jake Archibald Finally Understand Redux by Building Your Own Store tutorial Todd Motto Capturing and Reporting User Interactions for Better Debugging tutorial David Gilbertson A Guide to Automating and Scraping the Web tutorial .. using Headless Chrome, Puppeteer, and Node.js. Brandon Morelli So, You Learned JavaScript — Now What? opinion Christian Heilmann How Is React Different from Vue? opinion An informative article explaining some of the similarities and differences between React and Vue. John Hannah Wijmo TypeScript UI Controls Support Angular 5. No Dependencies tools Wijmo’s UI components include Angular v5 support, full IntelliSense, and the best JS grid available. GrapeCity Wijmo  Sponsor Microbundle: A Zero-Configuration Bundler for Tiny Modules tools Jason Miller octohint: A Browser Extension That Adds 'IntelliSense' to GitHub tools A cross-browser extension for more easily skimming through code on GitHub. pd4d10 Introducing Nexus.js: A Multi-Threaded JavaScript Runtime tools Based on WebKit’s JavaScriptCore, Nexus is based around a thread pool instead of an event loop. Abdullah Ali vue-inspector: A Vue.js Inspector Specifically for Mobile Devices tools Cali Rojas The 9 Best JavaScript Charting Libraries tools A collection of JavaScript libraries for data visualization. Anton Shaleynikov Neutrino V8 Released: Webpack + Presets = Zero-Config Power tools Eli Perelman 🚀 Add PDF Support to Your Web App in No Time tools PSPDFKit  Sponsor Emittery: A Simple, Modern Async Event Emitter code Sindre Sorhus on-change: Watch an Object or Array for Changes code Sindre Sorhus tweet-parser: Parse Tweets Into Arrays of Entities code Jack Franklin Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

---

#366: 10 Insights from the State of JS Survey

December 22, 2017, 12:00 am

≫ Next: #367: Hyperapp 1.0, Stimulus, and the best of 2017

≪ Previous: #365: Results From The State of JavaScript 2017 Survey

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 366 — December 22, 2017 2017 is almost over and we're taking a week off for Christmas - we hope you have a good one! We'll be back on January 5 with a special 'best of 2017' issue. If you write or develop anything awesome for our January 12 issue, just hit reply and let us know so we can consider it :-) We also have a popular Medium publication if you use that platform. - The JavaScript Weekly team (Peter, Chris, and Za'e) Everything You Need To Know About Parcel: The Web App Bundler Parcel only came out two weeks ago, but it’s already making waves, including within the webpack project itself. Indrek Lasn 10 Insights from the State of JS Survey Over 23,000 developers responded, and Sacha Grief analyzes the results. GraphQL and TypeScript are set for a great 2018, and most developers think JS is headed the right way. Sacha Greif Wes Bos Explains Async/Await in 15 Minutes [video] This is a really accessible, well presented, and short introduction to the main principles behind using async/await vs promises, if you’re not up to speed yet. dotJS 2017 MongoDB 3.6 Sessions Explained by Percona As mentioned in our last post, we are looking deeper into new sessions in MongoDB 3.6. Many of the cornerstone features of 3.6 depend directly or indirectly on sessions - things like “retryable” writes, causal consistency, killSession (global killOp) & more. Percona   Sponsor How to Become a Better Node.js Developer in 2018 A few straightforward best practices which could help you be a better Node developer in the coming year. Gergely Nemeth The Future of State Management with Apollo GraphQL A look at using apollo-link-state to manage your local data in Apollo Client, a JavaScript GraphQL client, thus avoiding using something like Redux altogether. Peggy Rayzis Take the 2017 JavaScript Ecosystem Survey npm Inc. and the JS and Node foundations are running a 10 minute ‘JavaScript ecosystem survey’ so make your voices heard. npm Inc, JS Foundation, and Node Foundation V8 Release v6.4: Yet More Speed and Memory Savings Google’s JavaScript engine shows no sign of slowing down any time soon. The 6.4 branch also introduces support for two new regular expression features. Mathias Bynens Jobs We’re Always Looking for Exceptional Software Engineers (New York)We need passionate, experienced people that can fill hybrid roles with different emphases on the context of product development. Reaktor Work with JS at Forza Football, A Product with Millions of UsersForza Football is looking for a frontend developer to join our amazing team located in Sweden. Visa/relocation sponsorship available. Forza Football Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented frontend devs. Vettery In Brief The Future of jQuery UI and jQuery Mobile news jQuery UI Blog A Free 'TypeScript Fundamentals' Course course It used to cost money. Now it doesn’t. James Henry Practical Redux: Beyond the Todo App course Mark Erikson on what happens if you try to build something bigger than yet another TodoMVC app using Redux? Educative  Sponsor The 'Reflect' Object, Use Cases and Things to Watch Out for tutorial A neat look at a slice of not commonly used JavaScript. Stefan Judis Testing Angular 2 and Continuous Integration with Jest tutorial Matt Fehskens An Introduction to Weak Value Maps tutorial Kris Zyp How 'Controllable' React Components Maximize Reusability tutorial A deep dive into what really makes React components reusable. Noam Elboim How to Build a Realtime Poll in 5 Steps tutorial Christian Nwamba Using OpenCV from Node to Recognize Objects in Images tutorialnode Vincent Mühler Building a Voice-Activated Movie Search App Powered by Amazon Lex, Lambda, and MongoDB Atlas (Part 2) tutorial mongodb  Sponsor WebAssembly Will Let You Run High-Perf Apps in Your Browser story A neat high level overview of WebAssembly. IEEE Spectrum Which JavaScript Frameworks Are the Fastest? opinion John Hannah Is jQuery Still Relevant? opinion Remy Sharp Angular Top 50: What You Should Have Read in 2017 opinion Lukas Marx Webpack-CLI 2.0 Released: Webpack's Command Line Interface tools webpack Jest 22 Released: Facebook's Popular JS Testing Tool tools A major release refining almost all parts of Jest. Babel 7 support too. Facebook Cloud-Scale Monitoring and Alerting from Datadog tools See your entire stack in one place with unified dashboards and 200+ technology integrations. Try Datadog free. Datadog  Sponsor React Content Loader: A 'Content is Loading' Component using SVG code Danilo Woznica 11 Vue.js Component Libraries You Should Know In 2018 code Jonathan Saring Unchanged: A Fast Handler for Updating JS Objects and Arrays Immutably code Tony Quetano element-ready: Detect When an Element is Ready in the DOM code Sindre Sorhus Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#367: Hyperapp 1.0, Stimulus, and the best of 2017

January 5, 2018, 12:00 am

≫ Next: Nerv - A Fast React 16-Compatible React Alternative

≪ Previous: #366: 10 Insights from the State of JS Survey

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 367 — January 5, 2018 Hi folks, we're back and we hope you enjoyed the holiday season. This was going to be a "best of 2017" issue but enough new things have happened that we've packed the most popular JS links of 2017 into a single article and this issue is otherwise new stuff as usual. 🙂 Our Most Popular JavaScript Links of 2017 A look back at what proved popular with JavaScript Weekly readers in 2017, including this modern JavaScript cheatsheet, a set of JS best practices, and async/await explained with diagrams and examples. Chris Brandrick Stimulus: A JS Framework for The HTML You Already Have Rather than replace your HTML or rendering mechanisms, Stimulus augments your existing HTML with functionality. Basecamp Build Fully Interactive JavaScript Charts 📈 In Minutes Your solution for modern charting and visualization needs. ZingChart is fully featured, integrates with popular JS frameworks, and has a robust API with endless customization options. Get started with a free download. ZingChart   Sponsor Browser Mitigations Landing for New Class of Timing Attack You’ve probably heard of Meltdown and Spectre, two timing attacks that can affect modern CPUs. It turns out they can be taken advantage of from JavaScript, so browsers are responding appropriately. Mozilla Security Blog Hyperapp 1.0: A 1KB JS Library for Building Frontend Apps Hyperapp, an Elm-inspired functional minimal frontend framework, has been getting some serious buzz in the past several months. Jorge Bucaran TeaVM: A Java Bytecode to JavaScript Translator An ahead-of-time Java bytecode to JavaScript (and WebAssembly) compiler, that can support other JVM languages like Kotlin and Scala. TeaVM Uppy: A Powerful, Modular JavaScript File Uploader Integrates with any framework and can fetch files from numerous sources. Example here. Transloadit Top JavaScript Tools and Trends to Watch in 2018 Nothing too surprising, covers things like React vs Vue, GraphQL, Prettier, Jest, Parcel and Popmotion. Ryan Chartrand Jobs We’re Always Looking for Exceptional Software Engineers (New York)We need passionate, experienced people that can fill hybrid roles with different emphases on the context of product development. Reaktor Web Engineers, GamesExperienced web engineer wanted to play an integral role in making our digital puzzle experience second to none for both solvers and creators. New York Times Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief Babel: Nearing The 7.0 Release news What’s new, coming, and going on with the popular JavaScript compiler. Henry Zhu Aurelia's 2018 Roadmap news Aurelia Core Team FuseBox 3.0: The Fast Bundler/module Loader, Now Even Faster news Ivan Orlov Use SQL in MongoDB? But Of Course You Can. We'll Show You How  And there's so much more to discover. But see for yourself - download it for 14 days here. Studio 3T  Sponsor JavaScript 2018: Things You Need To Know, and a Few You Can Skip opinion Michelle Gienow JS Things I Never Knew Existed tutorial Nick Skyllo Debugging TypeScript from VS Code tutorial David Herges Robust Client-Side JavaScript: A Developer’s Guide tutorial Mat​hia⁠s S​chäf⁠er Azure Functions CI/CD Pipeline for Node.js using VSTS tutorial Microsoft  Sponsor The Rise of the State Machines tutorial A great introduction to state machines and implementing them in JavaScript. Krasimir Tsonev JavaScript Object Explorer: A Web Tool to Find Object Methods tools Answer questions to narrow down to the right method for your task. Sarah Drasner Asmble: Compile WebAssembly to JVM Bytecode tools Chad Retz Real-Time Error Monitoring, Alerting, and Analytics for JavaScript 🚀 tools ROLLBAR  Sponsor Sapper: A New Next.js-Style Webapp Framework from Svelte code Rich Harris headless-devtools: Perform Chrome DevTools Actions From Code code Johnny Cowchimp Immer: Create The Next Immutable State by Mutating The Current One code Michel Weststrate Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

Nerv - A Fast React 16-Compatible React Alternative

January 12, 2018, 12:00 am

≫ Next: #369: An Extensive Guide to 50+ JS Frameworks

≪ Previous: #367: Hyperapp 1.0, Stimulus, and the best of 2017

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 368 — January 12, 2018 TC39 to Recommend 'Consistently Explicit Semicolon Use'? ..rather than relying on automatic semicolon insertion, as future language developments may affect the situations where ASI works. Brendan Eich signalled his dissent, causing some debate - with many thinking TC39 could recommend the use of a linter instead. Ecma TC39 The Brutal Lifecycle of JavaScript Frameworks Every now and then, a new framework pops up claiming it will revolutionize development. Until the next one. Stack Overflow looks at such lifecycles based on questions asked on its service. Ian Allen Nerv: A Fast React 16-Compatible React Alternative Nerv bills itself as a tinier, faster React alternative and has browser compatibility as a particular focus, supporting right back to IE8. Li Weitao See Why Facebook, Spotify, & Fastlane Trust CircleCI with Their CI/CD Automate the software development process using continuous integration and continuous delivery so you can focus on what matters: building great things, not waiting for great things to build. CircleCI   Sponsor Functional-Light JavaScript: A Balanced Book on FP in JS Kyle Simpson’s written an interesting book that takes a pragmatic look at functional programming concepts in JavaScript. And, yes, you can read it all on GitHub. Kyle Simpson React, Redux and JavaScript Architecture A gentle, but thorough, walkthrough of writing good React and Redux code and, crucially, the why behind each step. James Sinclair Workerize: Run A Module in a Web Worker Moves a module into a Web Worker, automatically reflecting exported functions as asynchronous proxies. There’s workerize-loader for Webpack users, too. Jason Miller TOAST UI Editor: A Markdown WYSIWYG Editor for the Web Works with GitHub Flavored Markdown (GFM) but can be extended with your own extensions. Supports all major browsers (IE10+). GitHub repo. NHN Entertainment Jobs Fullstack Software Engineer (Chicago — Relocation Available)Join a team that cares about people & craft. We invest in you and together we'll solve some of the most interesting problems you've seen. Fraight AI Visual Analytics Researchers and Software Developers - Vienna, AustriaJoin our team and develop novel Web intelligence solutions for EU and Google Digital News Initiative projects (JavaScript, Java). webLyzard technology Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief Webpack 4 to Work 'Configless' by Default news Inspired by Parcel’s approach. John-David Dalton on Twitter JSON Tree Shaking Landing in Webpack 4.0 news It’s shaping up to be an interesting release. 6 Tiny But Awesome ES7 + ES8 Features tutorial David Walsh Building a Real Time Chat App From Scratch using TypeScript tutorial Luis Aviles Build Your First Vue.js Component tutorial Sarah Dayan An Introduction to Algebraic Data Types and Structural Pattern Matching in TypeScript tutorial Erin Swenson-Healey Learn How to Visualize Your Time Series Data With InfluxDB & Rickshaw tutorial Visualize your time series data from the fastest growing open source TSDB. InfluxData  Sponsor 5 Traps to Avoid While Unit Testing Vue.js tutorial Aurélien Bottazini Googlebot's JavaScript random() Function is Deterministic story Probably not useful, but an interesting quirk. Tom Anthony Things to Consider When Choosing a Database for Your JavaScript App  Not all JSON support is created equal. mongodb  Sponsor ngrev: Tool for Reverse Engineering/Navigating Angular Projects tools Minko Gechev InfiniteGrid: Arrange Card Elements Infinitely on a Grid Layout code GitHub repo. NAVER Polythene: A Material Design Component Library for Mithril and React code Arthur Clemens match-sorter: Simple, Expected, & Deterministic Best-Match Array Sorting code Kent C. Dodds SweetAlert: Attractive Modal Popup Alerts/Messages code KaTeX: Fast Math Typesetting for the Web code Easy-to-use library for TeX math rendering on the web. Khan Academy JavaScript Test Results Displayed Inline in Your Editor as You Type  Wallaby.js  Sponsor P.S. Wondering where all the React items are? They're in our React newsletter! Check out the latest issue here. Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#369: An Extensive Guide to 50+ JS Frameworks

January 19, 2018, 12:00 am

≫ Next: #370: The Building Blocks of Web Workers

≪ Previous: Nerv - A Fast React 16-Compatible React Alternative

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 369 — January 19, 2018 An Extensive Guide to JS Frameworks It’s a roundup post, but what a roundup post! John Hannah walks through 52 JavaScript frameworks of various types and touches on their pros, cons, and distinctive features. John Hannah Keep webpack Fast: A Guide for Better Build Perf webpack is a great tool for bundling frontend assets but it’s worth knowing what to do when it starts to get bogged down. Rowan Oulton Asynchronous JS: From Callback Hell to Async and Await A reintroduction to asynchronous JavaScript, explaining why you should now be using async/await functions. Demir Selmanovic 📣 New Course: Advanced State in React with Redux, MobX, & More Learn the patterns to manage state across large React applications. Take a tour through the popular approaches and libraries to state management like Flux, Redux, MobX, Redux Thunks and Redux Sagas in this new course by Steve Kinney. Frontend Masters   Sponsor Dragging React Performance Forward One of the creators of react-beautiful-dnd goes in-depth on how they radically improved the performance of the latest version. Alex Reardon Can (a == 1 && a == 2 && a == 3) Ever Evaluate to 'true'? In short, yes, and while it’s not something that’s useful in itself, it’s fun to think outside the box and look under the hood (we think..). Stack Overflow How Firefox’s New Compiler Makes WebAssembly Even Faster Firefox 58 includes a new 2-tiered compiler which boasts a huge speedup for WebAssembly users. How? Why? All is explained here. Lin Clark 2017's JavaScript 'Rising Stars' A look at what JS projects were hot or not in 2017 based on their GitHub star counts. Michael Rambeau Jobs Technical Writer (Full Time / Part Time / Remote)Do you like writing for the technical audience? Looking for a bit of extra income, a part-time or a full time role, drop us a line. Raygun 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 Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief Announcing TypeScript 2.7 RC news Microsoft Angular 5.2 Released news And a look at what’s new. Stephen Fluin Vuejs Amsterdam 16th Feb - Largest Vue.js Conference In The World news Join Evan You, Sarah Drasner, Core Team and 700+ Vue.js enthusiasts. Part of Frontend Developer Love. Frontend Developer Love  Sponsor Using a Virtual DOM with Backbone Views tutorial Backbone is mature and well used but this approach can make your Backbone views become more modern and reactive. JC Brand Running Untrusted JS as a SaaS Is Hard, But.. tutorial Running untrusted code is a security nightmare, but it can be done. Tim Nolet Writing JS Apps for a Fitbit Ionic Smartwatch tutorial Not a bad place to start with ‘wearable’ development. Charles Grugan Implementing Tic-Tac-Toe with Vue.js tutorial Elliott Draper A Tiny Guide to Creating Babel Plugins tutorial Philip Dexter Transitioning Your Marionette App to React tutorial Marionette is a framework heavily used in the Backbone world. Michael Sholty null vs. undefined in JavaScript tutorial Brandon Morelli Setting up Prettier in an Angular CLI Project tutorial Victor Mejia Understanding the Difference Between JSON Support in Postgres & MongoDB  Explore database options for your next JavaScript app. mongodb  Sponsor Jarvis: An Intelligent Browser-Based Webpack Dashboard tools Zouhir Chahoud webpack Plugin to Remove Unused Moment.js Locales tools Ivan Akulov Design, Develop & Test Your Web Apps with Sencha Ext JS - Try it Free tools Sencha, Inc.  Sponsor A Guide to SurveyJS, a JavaScript Survey Library code Create multi-step Web-based survey flows. Bulb: A Reactive Programming Library for JavaScript code Introduces a ‘signal’ data type which can represent any time-varying source of values. Josh Bassett JSON-dry: Serialize Objects with Circular Refs, Dates, Regexes, Class Instances, and More code Jelle De Loecker Wobble: Spring Physics Library Modelling a Damped Harmonic Oscillator code A demo may help here. Adam Miskiewicz webshot-factory: Web Screenshots at Scale Based on Headless Chrome code Ashish Shubham Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#370: The Building Blocks of Web Workers

January 26, 2018, 12:00 am

≫ Next: #371: ECMAScript 2018 feature set finalized, V8 6.5 and TypeScript 2.7 arrives

≪ Previous: #369: An Extensive Guide to 50+ JS Frameworks

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 370 — January 26, 2018 Webpack 4 Beta: Happier, Faster, More Productive.. The final release of the popular module bundler is due in a month to let plugin developers catch up, but you can play with it already. It’s faster, output is smaller, it’s taken a ‘zero config’ approach, and way more. Sean T. Larkin The Building Blocks of Web Workers and 5 Cases for Their Use An overview of Web Workers, a way to run JavaScript in background threads in the browser, plus several use cases where they make a great choice. Alexander Zlatkov Upgrade Your JavaScript Error Monitoring 🚀 Automatically detect & diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, & debug in a fraction of the time compared to traditional tools. Try it free. bugsnag   Sponsor The Why Behind The 'Wat': Explaining JS's Weird Type System Seen the Wat talk? Scratching your head at the intriguing nature of JavaScript’s type system? Learn more here. Abhinav Suri Paper Programs: Run JavaScript Programs from Pieces of Paper An interesting project that involves using a projector and camera to scan and run physical ‘programs’ that you can literally edit ‘by hand’. Jan Paul Posma A Set of Best Practices for JavaScript Projects One company’s extensive set of guidelines covering ‘project level’ concerns like git, dependencies, environments, and API design. Hive Interesting ECMAScript 2017 Proposals That Weren’t Adopted Some interesting feature proposals that didn’t make it. One for the perpetually curious readers amongst you :-) Kaelan Cooter The Top 10 JavaScript Errors from 1000+ Projects ..and how to avoid them yourself. Spoiler: Most involve TypeError. The data behind this comes from the Rollbar error monitoring service. Jason Skowronski jQuery 3.3 Released Yes, jQuery is still with us, and the addClass, removeClass, and toggleClass methods now accept an array of class names. (3.3.1 rapidly followed 3.3.0.) Timmy Willison Jobs Gusto Is Hiring Great React Engineers (SF or Denver)Join us to help thousands of small businesses run payroll and offer health benefits, letting them focus on what they do best. Gusto Passionate Senior Frontend Developer, AmsterdamBe part of an exciting new venture working on projects for ING, adidas, KLM & Nike, whilst working with a calibre team of developers. thefrontendlab Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief Promise.prototype.finally Now Stage 4 in TC39 Process news Jordan Harband on Twitter Nested Ternaries are Great tutorial Those condition ? trueExp : falseExp type constructions. Eric Elliott 5 Tips and Thoughts on Async / Await Functions tutorial J Cole Morrison How To Make a Drag-and-Drop File Uploader With Vanilla JS tutorial A thorough walkthrough, as you’d expect from Smashing Magazine. Joseph Zimmerman Build Your First JavaScript, Android, or iOS App with MongoDB Stitch tutorial Get started with the beta release of MongoDB's backend-as-a-service with step-by-step tutorials and sample apps. MONGODB  Sponsor Deep-Copying in JavaScript: Approaches to Copying Objects tutorial Das Surma HTML Templating with Vanilla ES2015 Template Literals tutorial Ben Frain 7 Quick Techniques for ES6 Developers tutorial Tal Bereznitskey Functional Programming in JavaScript with Hyperapp tutorial Hyperapp is a very lightweight library inspired by Elm. Ali Spittel eBook: TDD Best-Practices for JavaScript  Codeship  Sponsor Building Vue.js Apps with Parcel tutorial Joshua Bemenderfer Array.from() Accepts a Second Argument That.. tutorial .. can be a mapping function Addy Osmani on Twitter JavaScript, The Bad Parts: A V8 Engineer's Perspective slidedeck Benedikt Meurer What's New in Chrome 64's DevTools in 3 Minutes video Google Chrome Developers TDD with Wallaby.js video Or unit testing on steroids (make sure to watch till the end). Wallaby.js  Sponsor What’s New in Vue Devtools 4.0 tools Guillaume Chau D3 Discovery: Easily Find Plugins for D3.js tools D3 is a powerful data visualization toolkit made even better with plugins. Webkid Parcel 1.5 Released: Source Maps, WebAssembly, Rust, and More tools It’s not just Webpack having all the fun :-) Devon Govett Scratches: An Elegant JavaScript Scratchpad tools Electron-based and it evaluates as you type. Paolo Fragomeni Greenlet: Move An Async Function Into Its Own Thread code A simplified single-function version of workerize. Jason Miller jsnes: A JavaScript NES Emulator code Ben Firshman Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#371: ECMAScript 2018 feature set finalized, V8 6.5 and TypeScript 2.7 arrives

February 2, 2018, 12:00 am

≫ Next: #372: JavaScript Testing in 2018

≪ Previous: #370: The Building Blocks of Web Workers

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 371 — February 2, 2018 The Final Feature Set of ECMAScript 2018 The feature set of ES2018, the next formal version of the underlying language that we eventually call JavaScript, was finalized at the latest TC39 meeting. Here's another code-driven roundup. Dr. Axel Rauschmayer Debugging JavaScript with the New Firefox JS Debugger Firefox’s new JS debugger is pretty powerful, and will help you write fast, bug-free code. Smashing Magazine Understanding Cross-Origin Resource Sharing (CORS) CORS is a mechanism that allows cross-origin HTTP requests (such as using XMLHTTPRequest or the Fetch API) using special server-side HTTP headers. Bartosz Szczeciński Planning a React Application: Whitepaper Start your next React project with confidence. Learn strategies for tooling, frontend and UX, testing and performance to boost your (and your team’s) productivity. Get your free copy. Progress   Sponsor Stimulus 1.0: A JS Framework for HTML You Already Have We linked to the code a few weeks ago but now the CTO of Basecamp and creator of Ruby on Rails shares his vision for an alternative to single-page client-side MVC apps. David Heinemeier Hansson AngularJS's Plan for Stability and Long Term Support AngularJS (yes, not the more modern Angular) will get one more significant release, 1.7, and enter a 3 year LTS period on July 1. Pete Bacon Darwin V8 Release v6.5: Performance Turned Up to 11 Now in beta, the latest V8 (as will be in Chrome 65) supports streaming compilation for WebAssembly and has many array-oriented perf improvements that have a major impact. Mathias Bynens TypeScript 2.7 Released A key release packed with tweaks and new features, if you prefer your JavaScript with optional static types. Microsoft Jobs JavaScript Developer at Econify (New York, NY)We are looking for a React and Node.js developer to work alongside our team on an exciting high profile project. Apply today. econify Front-End Developer/UI DesignerDesign for social impact. We’re seeking a UI Designer to work across ideation, prototyping coding for international development. Catalpa International Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief How ECMAScript Regular Expressions Are Getting Better news A look at new regex features both in ES2018 and being discussed at TC39 right now. Mathias Bynens Data Visualizations with InfluxDB: Integrating plotly.js tutorial Visualize data with InfluxDB plotly.js, a JavaScript graphing library built on top of d3.js stack.gl. InfluxData  Sponsor Ways to Make Your Code Cleaner and Easier-to-Read with ES6 tutorial Sam Williams Optimizing Hash Tables: Hiding The Hash Code tutorial A look at the recent improvements in how V8 v6.3+ stores the keys in hash tables. Sathya Gunasekaran Building a Modal Component with Vue.js tutorial Filipa Lacerda Asynchronous Reduce in JavaScript tutorial Seva Zaikov Airbnb's Extensive JavaScript Style Guide opinion Not new, but continues to get updates and stars a-plenty. Airbnb Why You Should Choose Luxon for Date Wrangling in JavaScript opinion Rad Devon 10 Things I Love About Vue opinion Duncan Grant Build a Modern Image Gallery with Vanilla ES6 video Brad Traversy A Much Faster Way to Debug Code Than with Breakpoints or Console.log  Scratchpad/REPL right in your editor, running your code as you type (community edition is free as in beer). Wallaby.js  Sponsor React Scope: Visualize Your React Components Live tools A Chrome extension for visualizing components, state and props. Tiffany Lin React Scope: Visualize Your React Components Live tools Tiffany Lin Glow: Make Flow's Errors Pretty-Printed and Syntax Highlighted tools James Kyle Save Time with the Best, Fastest Angular Spreadsheets & UI Components  GrapeCity JavaScript Solutions  Sponsor Sockette: A Tiny WebSocket Wrapper code A 339 byte wrapper around WebSocket that auto reconnects if the connection drops. Luke Edwards xcell: A Libary to Manage Reactive Spreadsheet-Like Calculations code ijk: Transforms Arrays Into Virtual DOM Trees code If you prefer the Lisp approach of data as code.. Luke Jackson Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#372: JavaScript Testing in 2018

February 9, 2018, 12:00 am

≫ Next: #373: Bye jQuery, hi Vue.js, and what's going on with Babel 7.0?

≪ Previous: #371: ECMAScript 2018 feature set finalized, V8 6.5 and TypeScript 2.7 arrives

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 372 — February 9, 2018 Draft of 3rd Edition of 'Eloquent JavaScript' Marijn Haverbeke has been working on a new edition of his perennially popular JavaScript book after you helped fund it. Marijn Haverbeke Hygen: A Code Generator That Stays In Your Project With the increasing amount of boilerplate in modern JavaScript projects, this tool could come in very handy. It’s easy to get started. Dotan J. Nahum An Overview of JavaScript Testing in 2018 A thorough, opinionated guide to catching up with the key terms, tools, and approaches to testing with JavaScript in 2018. Vitali Zaidman Fix JavaScript Bugs Like a Boss 🛠 Instantly know whats broken and why. Get real-time monitoring, alerting, analytics for JavaScript errors, and worry less about breaking things. Learn more. ROLLBAR   Sponsor Web Assembly Studio: A Simple Online WebAssembly IDE This is a really cool way to initially play with WASM and see how the various parts work together. Mozilla Automerge: A JSON-like Structure for Concurrent Modification A library of data structures for building collaborative apps where data can be modified concurrently by multiple users and merged automatically. Ink and Switch An (Almost) Fully Working JavaScript Version of Winamp It might not be super useful, but this is a fantastic demo of several browser technologies and just how far a labor of love can be taken. Source here. Jordan Eldredge CanJS 4.0: A Suite of Frontend Architecture Libraries You can’t describe CanJS quickly, but it brings together custom elements, observables, routing, and more on the front-end. 4.0 is a big release. Justin Meyer How to Get On Our Medium Publication, DailyJS Got a JavaScript post you want to share with an audience of over 72,000 readers on our Medium publication? Here’s how. Daily JS Jobs Frontend Engineer with a Passion for Making Beautiful Web ExperiencesWorking closely with other engineers and designers in a project team, we implement the user interface of our web app. WeTransfer JavaScript Developer at Econify (New York, NY)We are looking for a React and Node.js developer to work alongside our team on an exciting high profile project. Apply today. econify Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief FitBit's Latest Watch Ships With a Lightweight JavaScript Engine news JerryScript is a lightweight JS engine from the JS Foundation. Kaitlyn Barnard The Rollup Module Bundler Now Has Code Splitting news Rich Harris Improve your JavaScript App Performance with MongoDB Index Suggestions  mongodb  Sponsor Hyperapp + Parcel = A Neat Way to Create Frontend Apps tutorial Beat that JavaScript fatigue with a tiny Elm-inspired frontend library plus a new, no-config asset bundler? Adam Boro A Look at the ES Proposal for String.prototype.matchAll tutorial It scans a string for all matches and returns an array. Dr. Axel Rauschmayer Private Variables in JavaScript tutorial A look at some ways in which you could implement private properties. Marcus Noble Compile-Time vs. Runtime Configuration of Your Angular App tutorial Juri Strumpflohner How to Use Glow to Make Your Errors Stand Out in Flow tutorial Indrek Lasn Measure and Improve Engineering Velocity  If your business depends on software (it does) you're probably spending a lot of time thinking about DevOps. CircleCI  Sponsor An Introduction to Destructuring in ES6 video Zsolt Nagy JavaScript’s A Mess – and That’s A Good Thing opinion Dr. Axel Rauschmayer An Interview with Evan You, Author of the Vue.js Framework story Liesbeth Hermans Node Clinic: A Performance Toolkit for Node Developers toolsnode nearForm Rekit Studio: An IDE for React and Redux Development tools Nate Wang Use SQL in MongoDB? But of course you can. We'll show you how tools And there's so much more to discover. Like our innovative Query Code that lets you instantly generate code in Node.js, Python, or C#. Studio 3T  Sponsor Proton: A JavaScript Particle Engine code There are lots of demos to enjoy. A Jie page.js: A Tiny, Express-Inspired Client-Side Router code Continues to get frequent updates years on. matcher: Simple Wildcard Matching Against Text code For example, *oo would match against foo, moo, or bamboo. Sindre Sorhus Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

---

#373: Bye jQuery, hi Vue.js, and what's going on with Babel 7.0?

February 16, 2018, 12:00 am

≫ Next: #374: The State of JavaScript Frameworks and Libraries

≪ Previous: #372: JavaScript Testing in 2018

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 373 — February 16, 2018 Replacing jQuery With Vue.js: No Build Step Needed Some developers shy away from build tools for quick projects and they’re not mandatory, as we see here. Here’s how to use Vue.js in a similar way to how you might use jQuery now. Sarah Drasner Babel 7.0 Is Nearly Here: A Big Update If you’re a Babel user, this is a must-read ‘state of the union’ type post from its creator. If you’re not? You’ll get to learn what it is, too. Henry Zhu Choosing the Right JavaScript Framework: Whitepaper How do you choose one JavaScript framework over another for your next web application? Learn about the current state of the Angular, React and Vue and how they compare against a comprehensive set of criteria. Download now. Progress   Sponsor Hyperapp for Redux Refugees An explanation and comparison of Hyperapp vs Redux for managing state, with a neat side-by-side code comparison showing how much simpler Hyperapp code can be. Wolfgang Wedemeyer Coming to ES2018: Rest/Spread Properties Dr. Axel wrote up some notes on the rest/spread property proposal back in 2016 but it’s now reached stage 4 and will be in ECMAScript 2018, so it’s worth revisiting. Dr. Axel Rauschmayer A Guide to Web Performance Optimization with Webpack A guide to using the popular asset bundling tool to make pages smaller to download and quicker to use. Google Developers Creating and Publishing Web Components with Stencil Stencil is a tool for compiling modern, standards-compliant Web Components. Dominik Kundel SweetAlert2: Responsive, Customizable and Accessible Popup Boxes An attractive and accessible (WAI-ARIA) replacement for JavaScript’s popup boxes with zero dependencies. SweetAlert2 Jobs 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 Software Engineer at Detective.io (Chicago)We're hiring our 5th engineer to help build our platform of automation based sales tools. We use React, Redux, and Rails. Detective.io Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief CityJSConf 2018: A JS Conference in the City of London news Takes place March 26 and features a debate between Kyle Simpson and Dylan Schiemann. CityJSConf MongoDB 4.0 Will Support Multi-Document, ACID Transactions news Sign up for the beta for access to development releases of MongoDB 4.0. MONGODB  Sponsor Ember 3.0 Released news No new functionality, but removes deprecated APIs and legacy support. Matthew Beale Building a Text-Based Adventure with Vue.js tutorial An unconventional but interesting odyssey for Vue.js. Raymond Camden Using Prettier to Format Your JavaScript Code tutorial Saransh Kataria Using Source Maps to Debug Production tutorial Debug errors w/ source maps, and quickly make sense of minified JavaScript. ROLLBAR  Sponsor Testing React with Enzyme and Jest: A Video Series video First five episodes are free. Jack Franklin Promises Are Not Neutral Enough opinion “Even though they fulfill their purpose, Promises are an opinionated primitive that introduce a lot of weirdness.” André Staltz Choosing a JavaScript Build Tool: To Config or Not Config opinion Brian Douglas There’s a Bug in Your JavaScript Code. Fix It tools Sentry  Sponsor Thanks: Give Thanks to Open Source Maintainers You Depend On toolsnode Run npx thanks in your project and see who is seeking donations. Feross Aboukhadijeh face-verify.js: Monitoring Who's Physically Looking at a Site tools A possible way to add more security to a webapp with facial recognition? Mat Ryer Blotter.js: An API to Draw Unconventional Text Effects on the Web code Bradley Griffith Vuetify 1.0: A Material Design Component Framework for Vue code John Leider Phaser 3.0: The 2D HTML5 Game Framework code A fast 2D game framework supporting Canvas and WebGL rendering. Richard Davey Objection.js 1.0: An SQL-Friendly ORM for Node codenode Vincit Assembler.js: An x86-64 Assembler Built in JavaScript code Va Da Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#374: The State of JavaScript Frameworks and Libraries

February 23, 2018, 12:00 am

≫ Next: #375: webpack 4.0 Released, and a New Design for Us

≪ Previous: #373: Bye jQuery, hi Vue.js, and what's going on with Babel 7.0?

$

0

0

This week's JavaScript news— Read this e-mail on the Web JavaScript Weekly Issue 374 — February 23, 2018 Exploring ES2018 and ES2019 A new book covering what’s new in ECMAScript 2018 and ECMAScript 2019. Available to read online or as a paid e-book download. Dr. Axel Rauschmayer The State of JavaScript Frameworks and Libraries A mega 2 hour session with representatives from Ember, Angular, Vue, React and other projects sharing the latest state of their respective frameworks. (I’ve put links to each specific talk in a comment on YouTube.) This.JavaScript New Course: REST & GraphQL API Design in Node.js, v2 Create an API from the ground up using Node.js, Express and MongoDB. In this course, you'll build a production-ready REST API, and migrate it over to GraphQL. Frontend Masters   Sponsor Using Promise.prototype.finally Promise.prototype.finally() will be arriving in ECMAScript soon - what can we use it for, and how could we implement a polyfill for the time being? Valeri Karpov How To Speed Up CI Builds with the new NPM 'ci' Command npm 5.7 was released this week but a serious issue was quickly reported where it was breaking filesystem permissions. 5.7.1 is now out to fix the problem, so we can focus on one of 5.7’s new features instead, npm ci. Tomas Trajan How to JavaScript in 2018 From command-line tools and webpack to Babel, TypeScript, Flow and beyond, a very 2018 look at the JavaScript world. Tara Z. Manicsic Vue Enterprise Boilerplate An evolving, “very opinionated” architecture and dev environment for new Vue SPA projects using Vue CLI 3. Chris Fritz Jobs Frontend Developer @ Berliner Philharmoniker (Berlin)Video streaming service Digital Concert Hall is looking for developers who like to dive into client-side areas & love to collaborate. Berliner Philharmoniker Front End DeveloperUse the software you build. Change how people innovate. Join Aha! Aha! Find a Job You're Passionate AboutVettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery In Brief React Native Relicensing as MIT (like React Itself) news Facebook Node Weekly: Our Newsletter Focused on All Things Node news Cooperpress JavaScript Test Results Displayed Inline in Your Editor as You Type  Wallaby runs your tests as you type and displays code coverage, error and object values inside your code editor. Wallaby.js  Sponsor 9 Promising Promise Tips tutorial Kushan Joshi Optional Chaining May Be Coming to JavaScript tutorial And this is how it would work. Sammy Israwi Single Page Apps with Vue.js and Flask: State Management with Vuex tutorial Adam McQuistan Decouple Business Logic using Async Generators tutorial Vitaliy Akimov How to Detect and Refactor JavaScript Copy-Paste Code tutorial Elijah Manor Bringing Together React, D3, and Their Ecosystems tutorial Marcos Iglesias Gotchas When Publishing Modules in npm and Bower tutorial Kaloyan Kosev Deploying a Socket.io Chat App using AWS Fargate tutorialnode Nathan Peck Async/Await Promise.all Array Destructuring tutorial Dale Jefferson What Google AMP Means for the JavaScript Community opinion Mathias Schäfer Authentication Best Practices for Vue opinion Sqreen How WebAssembly May Reinvent How We Write and Ship Code opinion Michelle Gienow Fix Production Bugs in Seconds with Sentry tools Relying on users to report bugs? Find & respond to production issues in real-time. Sign up for free. Sentry  Sponsor Polacode: Take Beautiful Code Screenshots from VS Code tools Pine and Peng Pressure.js: Handle Force Touch, 3D Touch, and Pointer Pressure code Works with Surface, iOS devices, MacBooks, and more, with a single, simple API. Stuart Yamartino List: A Fast Immutable List with a Functional API code Funkia dset: A Tiny Utility for Safely Writing Deep Object Values code Luke Edwards Real-Time Error Monitoring, Alerting, and Analytics for JavaScript 🚀  ROLLBAR  Sponsor Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#375: webpack 4.0 Released, and a New Design for Us

March 2, 2018, 12:00 am

≫ Next: #376: This week's JavaScript news smoosh-up

≪ Previous: #374: The State of JavaScript Frameworks and Libraries

$

0

0

This week's JavaScript news

#375 — March 2, 2018 Read on the Web JavaScript Weekly Don't adjust your sets - we've been tweaking the design. Yes, JavaScript Weekly is sporting an updated design. We've been testing it on some of our other newsletters (like React Status and Database Weekly) and it's giving us the opportunity to provide more variety and visual interest. Any feedback or items you want to submit for next week, hit reply, but otherwise enjoy the issue. We'll be trying out a variety of ideas over the coming weeks :-) — Peter Cooper, editor webpack 4.0 Released— The popular module and asset bundler is now faster and has new development and production modes with pre-defined settings so you can start quicker too. You might also enjoy a tutorial for using it with Vue.js, a look at the chunk graph improvements, or what the new ‘modes’ do. Sean T. Larkin Propel: A Scientific Computing Framework for JS— A NumPy-like framework for mathematical work in JavaScript that can lean on TensorFlow for performance. Works with both Node and in the browser (using WebGL). Ryan Dahl and Bert Belder The Future of JavaScript: 2018 and Beyond— What is the state of the JavaScript ecosystem? This whitepaper offers our future-looking analysis and predictions about the latest in JavaScript. We also look back at all the craziness from 2017 and neatly tie it together with a bow. Download now. Progress sponsor The Lost Art of the Makefile— It might not be trendy, but GNU Make does a lot of heavy lifting in the open source world and.. you can even use it to build JavaScript projects too. Jesse Hallett ▶  In The Loop: A Tour of the Event Loop— A 35 minute talk looking at the browser event loop, the thing that orchestrates the main thread of the browser, which includes JS, events, and rendering. Jake Archibald video Tracing From JS to the DOM and Back Again with V8— Debugging memory leaks in Chrome has become much easier now that Chrome 66’s DevTools can trace C++ DOM objects and display all reachable DOM objects from JavaScript with their references. In other V8 news, lazy deserialization has reduced V8’s memory consumption by 500KB+ per tab. Degenbaev, Filippov, et al. Jobs Senior Front End Engineer at Plectica (New York, NY)— Come build a beautiful collaborative platform for visual brainstorming & thinking with SVG, WebSockets and all sorts of other fun. Plectica Product Engineer— We're looking for a front-end-focused engineer who cares about product design, UX and collaboration to join an exceptional team. Quip Find a Job You're Passionate About— Vettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery Articles and Tutorials The Origin Story of ESLint— The tale of how a popular linting tool came to be. Nicholas C Zakas How to Create an Accessible Autocomplete Component with Vue.js Filipa Lacerda TypeScript - JavaScript with Superpowers?— A very elementary introduction to the benefits of TypeScript. Indrek Lasn The Webpack 4.0 Release: What's New?— A quick roundup of the features and improvements. Prosper Otemuyiwa Ember's Equivalent of React's Render Props David Tang Learn to Build JavaScript Apps with MongoDB in M101JS, MongoDB for Node Developers mongodb sponsor 🎬 Videos, Screencasts and Talks ▶  WebAssembly: What and What Next?— Two Googlers cover WebAssembly right from the basics up. Ben Titzer and Andreas Rossberg ▶  JavaScript Pranks— A 5 minute tour of the JavaScript behind a truly annoying Web site. Feross Aboukhadijeh 🔧 Code and Tools Speed Measure Plugin: Measure Your webpack Build Speed— See how fast (or not) your plugins are so you can optimize your builds. Stephen Cook Pagedraw: A Tool to Turn Sketch Mockups into React Apps Prepack: A Partial Evaluator and Optimizer for JavaScript Facebook vue-cli: A CLI for Faster Vue.js Development The Vue.js Project Fix JavaScript Bugs Like a Boss 🛠— Get real-time monitoring, alerting, analytics for JavaScript errors, and worry less about breaking things. Learn more. ROLLBAR sponsortools basicScroll: Standalone Parallax Scrolling with CSS Variables— Use dynamically changing CSS variables to animate whatever you want. Tobias Reich Flatbush: Fast Static Spatial Index for 2D Points and Rects Vladimir Agafonkin Delighters.js: Trigger CSS Animations as a Page is Scrolled Q42 Get the Best, Most Complete Collection of Angular UI Controls: Wijmo— Wijmo’s dependency-free UI controls include rich declarative markup, full IntelliSense, & the best data grid. GrapeCity Wijmo sponsor Tippy.js: A Lightweight, Vanilla JS Tooltip Library Prompts: Attractive Interactive Prompts for Node CLIs Terkel Gjervig Nielsen node FilePond: A Flexible JS File Uploader with Great UX— It's GPLv3 licensed so take care in where you use it unless you get a commercial license. Rik Schennink

A Cooperpress publication. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom

#376: This week's JavaScript news smoosh-up

March 9, 2018, 12:00 am

≫ Next: JS developers who stream, npm 5.8, and TypeScript 2.8 RC

≪ Previous: #375: webpack 4.0 Released, and a New Design for Us

$

0

0

Loading 3rd party JavaScript properly and going beyond React 16

#376 — March 9, 2018 Read on the Web JavaScript Weekly Could Array.prototype.flatten Become 'smoosh'? This week, TC39 member Michael Ficarra suggested renaming the flatten method to smoosh to avoid breaking sites using MooTools' incompatible flatten method. The dislike for 'smoosh' went viral and people rapidly suggested alternatives like squash, flat and chain, while André Staltz started a campaign to ‘prevent smoosh’! The current state of play is the TC39 committee (who work on the standardization of ECMAScript and are actually really nice) are keeping their options (and dialogue) open while Brian Terlson reminds us "TC39's active GitHub users are not always representative of the entire committee." How I Built a Super Fast JS Framework— The creator of Radi.js, a new tiny front-end library, shares why he’s created it when there are already tons of front-end libraries around — performance. Mārcis Bergmanis Power Your Apps with Angular UI Components and Spreadsheets— Build complete enterprise web applications with GrapeCity’s dependency-free, Angular JavaScript solutions. Includes Spread’s full-featured Excel-like spreadsheets and Wijmo’s collection of IntelliSense-enabled grids, charts, and input controls. GrapeCity JavaScript Solutions sponsor Loading Third-Party JavaScript— A jam-packed article from Google on how to find and fix issues related to loading third-party JS. How do you load third-party scripts efficiently? Learn it all here. Addy Osmani and Arthur Evans Beyond React 16: Time Slicing and Suspense API— Last week Dan Abramov gave his ‘Beyond React 16’ talk showing off ideas coming to React in the future, which are reflected upon here. Prosper Otemuyiwa Node v8.10.0 (LTS) Released— A significant LTS release for production systems with updates to V8, libuv, npm, Unicode and OpenSSL support. 9.8 is out too. Also, remember we have Node Weekly for each week’s Node news :-) Gibson Fahnestock Let’s Build a Custom Vue Router— A thorough walkthrough of building a custom client-side router for Vue when the official one doesn’t quite meet requirements. Hassan Djirdeh Jobs Lead React/Redux Engineer - Remote, SF, or Halifax, Canada— We’re an ambitious startup seeking an experienced front-end engineer to bring our React architecture forward. Manifold Frontend Engineer for Leading Open Source Company— Love coding web apps & building reusable high-performance UI components? Help define open source web app UI for large-scale enterprises. Liferay, Inc. Find a Job You're Passionate About— Vettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery Tutorials Building a Serverless Real-Time Chat App with AWS AppSync— AppSync is AWS’s fully-managed GraphQL service and interacting with it from JavaScript is pretty straightforward. Adrian Hall and Ed Lima What’s New in ES2018?— Lots of code examples in this slidedeck. Benedikt Meurer and Mathias Bynens slidedeck 10 Tips for JS Debugging Like a Pro at the Console— Recommended by Sarah Drasner this week. Yotam Kadishay Preserve Build Integrity & Prevent Problems with Deterministic Builds— The most common thing a customer will say in a support ticket is that their builds are suddenly failing even though “nothing has changed” on their end. This is almost never true. CircleCI sponsor The JavaScript Learning Landscape in 2018— Books, podcasts, etc. Jason Rodriguez 🎬 Videos, Screencasts and Talks ▶  The Fundamentals of Testing Angular Components Jesse Palmer ▶  Evan You's 'State of Vue.js 2018' Keynote Vue.js Amsterdam Conference 🔧 Code and Tools SlimerJS: Script a Headless Firefox Browser from JavaScript Laurent Jouanneau Instantly Seeing the Results of Your Code While You Are Writing It Wallaby.js sponsor Create Angular Libraries in No Time with 'Schematics' Netanel Basal Real-Time Error Monitoring, Alerting, and Analytics for JavaScript 🚀— Report JS errors to Rollbar with full stack trace and diagnostic data. ROLLBAR sponsor DoneJS 2.0 Released: A Framework for High-Perf Realtime Webapps Matthew Phillips TinyState: A Tiny, Powerful State Management Library for Angular Sebastian Holstein Awaity.js: Functional, Lightweight Alternative to Bluebird— Built with async/await in mind. Asaf Katz OpenPGPjs 3.0: An Open Source OpenPGP Library ProtonMail Vue Tour: Simple, Customizable 'Guided Tour' Plugin for Vue Pulsar Workly: Simply Move a Function or Class to a Worker Thread Preet Shihn Events AmsterdamJS Conference 2018 (May 31-June 1) KnowJS 2018: An Online Workshop with 4 JS Experts— Takes place April 13. Costs money but the teachers are great. Certified Fresh Events Seen on Twitter

A Cooperpress publication. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom

JS developers who stream, npm 5.8, and TypeScript 2.8 RC

March 16, 2018, 12:00 am

≫ Next: #374: The State of JavaScript Frameworks and Libraries

≪ Previous: #376: This week's JavaScript news smoosh-up

$

0

0

This week's JavaScript news

#377 — March 16, 2018 Read on the Web JavaScript Weekly Pell 1.0: A Tiny, Simple WYSIWYG Web Text Editor— No dependencies, ES6, and only 1.38KB minned and gzipped. Play with a demo here. Jared Reich A Comprehensive Guide to Learning React in 2018— A classic, interactive ‘from scratch’ tutorial that’s just been upgraded to React 16.3 standards. Tyler McGinnis Angular, React or Vue?— How do you choose one JavaScript framework over another for your next web application? Our new whitepaper gives insight into the current state of Angular, React and Vue and how they compare against a comprehensive set of criteria. Download now. Progress Kendo UI sponsor TOAST UI Chart: Attractive Charts to Visualize Data— Cross-browser (even supports IE8) and you get bar/column, line, area, bubble, pie, heatmap, bullet, and boxplot charts out of the box as well as combinations of them. Lots of demos here. NHN Entertainment Cloudflare Workers: Run JavaScript on Cloudflare— CDNs typically make static assets available at many edge locations, but this next step takes running code to the edge as well, all powered by V8. Kenton Varda Take the TC39 Developer Engagement Survey— The ECMAScript standards committee wants to understand how you engage with the official specs and are keen to reach developers not on Twitter. 10 simple questions. Yulia Startsev (Mozilla) and TC39 Driver.js: 'Drive' Users' Focus Across a Web Page— A no-dependency library for creating ‘tour’-style mechanisms and highlights on a page. Kamran Ahmed Awesome Developer Streams: Developers Who Code Live— It’s surprising how much you can learn by watching someone else code and here are 57 to check out - mostly JavaScript developers too. Tierney Cyren TypeScript 2.8 RC Released— Conditional types are the headline feature. Microsoft npm 5.8.0(-next.0) Released The npm Blog Jobs 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 Frontend Engineer for Leading Open Source Company— Love coding web apps & building reusable high-performance UI components? Help define open source web app UI for large-scale enterprises. Liferay, Inc. Find a Job You're Passionate About— Vettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery Tutorials and Articles 4 Awesome Things You Can Do with the Vue.js CLI— Working with Vue? The CLI will make your life better. Brandon Satrom Things to Consider When Choosing a Database for Your JavaScript App— Not all JSON support is created equal. MONGODB sponsor The 4 Layers of SPAs You Need to Know— An attempt to explain modern single page apps (SPAs) by slicing them into views, services, storage, and the domain/model. Daniel Dughila Building a Basic Neural Network with Brain.js— A very elementary ‘getting started’ tutorial. Daniel Simmons Animating Elements Along SVG Paths with JavaScript Luis Manuel How to Develop an Effective Indexing Strategy— Grab your free MongoDB tutorial on optimising indexing strategies from Studio 3T. Studio 3T sponsor JavaScript Promises for Dummies— A golden oldie recommended by Chris Heilmann today. Jecelyn Yeen old-but-gold Videos, Screencasts and Talks ▶  Structuring JavaScript Projects for Testability Fun Fun Function ▶  A Gentle 1hr Intro to Express.js and RESTful APIs— Excellent for beginners. Programming with Mosh Code and Tools 🔧 Emma: A CLI Tool to Find and Install npm Packages Matic Zavadlal Rough.js: Create Graphics with a Hand-Drawn Appearance Preet Shihn The Filepond File Upload Library Relicenses to MIT— We linked to this attractive looking file upload control recently when it was GPLv3 licensed. Demo. Rik Schennik MobX 4 Released: A Simple State Management Library Michel Weststrate There’s a Bug in Your JavaScript Code. Fix It Sentry sponsor Mark Text: A Cross-Platform Markdown Editor App— Built with Electron and Vue. Jocs

A Cooperpress publication. Edited by Peter Cooper. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom

#374: The State of JavaScript Frameworks and Libraries

February 23, 2018, 12:00 am

≫ Next: #375: webpack 4.0 Released, and a New Design for Us

≪ Previous: JS developers who stream, npm 5.8, and TypeScript 2.8 RC

$

0

0

JavaScript Weekly Issue 374 — February 23, 2018 Exploring ES2018 and ES2019 A new book covering what’s new in ECMAScript 2018 and ECMAScript 2019. Available to read online or as a paid e-book download. Dr. Axel Rauschmayer The State of JavaScript Frameworks and Libraries A mega 2 hour session with representatives from Ember, Angular, Vue, React and other projects sharing the latest state of their respective frameworks. (I’ve put links to each specific talk in a comment on YouTube.) This.JavaScript New Course: REST & GraphQL API Design in Node.js, v2 Create an API from the ground up using Node.js, Express and MongoDB. In this course, you'll build a production-ready REST API, and migrate it over to GraphQL. Frontend Masters   Sponsor Using Promise.prototype.finally Promise.prototype.finally() will be arriving in ECMAScript soon - what can we use it for, and how could we implement a polyfill for the time being? Valeri Karpov How To Speed Up CI Builds with the new NPM 'ci' Command npm 5.7 was released this week but a serious issue was quickly reported where it was breaking filesystem permissions. 5.7.1 is now out to fix the problem, so we can focus on one of 5.7’s new features instead, npm ci. Tomas Trajan How to JavaScript in 2018 From command-line tools and webpack to Babel, TypeScript, Flow and beyond, a very 2018 look at the JavaScript world. Tara Z. Manicsic Vue Enterprise Boilerplate An evolving, “very opinionated” architecture and dev environment for new Vue SPA projects using Vue CLI 3. Chris Fritz Jobs Frontend Developer @ Berliner Philharmoniker (Berlin)Video streaming service Digital Concert Hall is looking for developers who like to dive into client-side areas & love to collaborate. Berliner Philharmoniker Front End DeveloperUse the software you build. Change how people innovate. Join Aha! Aha! Find a Job You're Passionate AboutVettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery In Brief React Native Relicensing as MIT (like React Itself) news Facebook Node Weekly: Our Newsletter Focused on All Things Node news Cooperpress JavaScript Test Results Displayed Inline in Your Editor as You Type  Wallaby runs your tests as you type and displays code coverage, error and object values inside your code editor. Wallaby.js  Sponsor 9 Promising Promise Tips tutorial Kushan Joshi Optional Chaining May Be Coming to JavaScript tutorial And this is how it would work. Sammy Israwi Single Page Apps with Vue.js and Flask: State Management with Vuex tutorial Adam McQuistan Decouple Business Logic using Async Generators tutorial Vitaliy Akimov How to Detect and Refactor JavaScript Copy-Paste Code tutorial Elijah Manor Bringing Together React, D3, and Their Ecosystems tutorial Marcos Iglesias Gotchas When Publishing Modules in npm and Bower tutorial Kaloyan Kosev Deploying a Socket.io Chat App using AWS Fargate tutorialnode Nathan Peck Async/Await Promise.all Array Destructuring tutorial Dale Jefferson What Google AMP Means for the JavaScript Community opinion Mathias Schäfer Authentication Best Practices for Vue opinion Sqreen How WebAssembly May Reinvent How We Write and Ship Code opinion Michelle Gienow Fix Production Bugs in Seconds with Sentry tools Relying on users to report bugs? Find & respond to production issues in real-time. Sign up for free. Sentry  Sponsor Polacode: Take Beautiful Code Screenshots from VS Code tools Pine and Peng Pressure.js: Handle Force Touch, 3D Touch, and Pointer Pressure code Works with Surface, iOS devices, MacBooks, and more, with a single, simple API. Stuart Yamartino List: A Fast Immutable List with a Functional API code Funkia dset: A Tiny Utility for Safely Writing Deep Object Values code Luke Edwards Real-Time Error Monitoring, Alerting, and Analytics for JavaScript 🚀  ROLLBAR  Sponsor

#375: webpack 4.0 Released, and a New Design for Us

March 2, 2018, 12:00 am

≫ Next: #376: This week's JavaScript news smoosh-up

≪ Previous: #374: The State of JavaScript Frameworks and Libraries

$

0

0

#375 — March 2, 2018 Read on the Web JavaScript Weekly Don't adjust your sets - we've been tweaking the design. Yes, JavaScript Weekly is sporting an updated design. We've been testing it on some of our other newsletters (like React Status and Database Weekly) and it's giving us the opportunity to provide more variety and visual interest. Any feedback or items you want to submit for next week, hit reply, but otherwise enjoy the issue. We'll be trying out a variety of ideas over the coming weeks :-) — Peter Cooper, editor webpack 4.0 Released— The popular module and asset bundler is now faster and has new development and production modes with pre-defined settings so you can start quicker too. You might also enjoy a tutorial for using it with Vue.js, a look at the chunk graph improvements, or what the new ‘modes’ do. Sean T. Larkin Propel: A Scientific Computing Framework for JS— A NumPy-like framework for mathematical work in JavaScript that can lean on TensorFlow for performance. Works with both Node and in the browser (using WebGL). Ryan Dahl and Bert Belder The Future of JavaScript: 2018 and Beyond— What is the state of the JavaScript ecosystem? This whitepaper offers our future-looking analysis and predictions about the latest in JavaScript. We also look back at all the craziness from 2017 and neatly tie it together with a bow. Download now. Progress sponsor The Lost Art of the Makefile— It might not be trendy, but GNU Make does a lot of heavy lifting in the open source world and.. you can even use it to build JavaScript projects too. Jesse Hallett ▶  In The Loop: A Tour of the Event Loop— A 35 minute talk looking at the browser event loop, the thing that orchestrates the main thread of the browser, which includes JS, events, and rendering. Jake Archibald video Tracing From JS to the DOM and Back Again with V8— Debugging memory leaks in Chrome has become much easier now that Chrome 66’s DevTools can trace C++ DOM objects and display all reachable DOM objects from JavaScript with their references. In other V8 news, lazy deserialization has reduced V8’s memory consumption by 500KB+ per tab. Degenbaev, Filippov, et al. Jobs Senior Front End Engineer at Plectica (New York, NY)— Come build a beautiful collaborative platform for visual brainstorming & thinking with SVG, WebSockets and all sorts of other fun. Plectica Product Engineer— We're looking for a front-end-focused engineer who cares about product design, UX and collaboration to join an exceptional team. Quip Find a Job You're Passionate About— Vettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery Articles and Tutorials The Origin Story of ESLint— The tale of how a popular linting tool came to be. Nicholas C Zakas How to Create an Accessible Autocomplete Component with Vue.js Filipa Lacerda TypeScript - JavaScript with Superpowers?— A very elementary introduction to the benefits of TypeScript. Indrek Lasn The Webpack 4.0 Release: What's New?— A quick roundup of the features and improvements. Prosper Otemuyiwa Ember's Equivalent of React's Render Props David Tang Learn to Build JavaScript Apps with MongoDB in M101JS, MongoDB for Node Developers mongodb sponsor 🎬 Videos, Screencasts and Talks ▶  WebAssembly: What and What Next?— Two Googlers cover WebAssembly right from the basics up. Ben Titzer and Andreas Rossberg ▶  JavaScript Pranks— A 5 minute tour of the JavaScript behind a truly annoying Web site. Feross Aboukhadijeh 🔧 Code and Tools Speed Measure Plugin: Measure Your webpack Build Speed— See how fast (or not) your plugins are so you can optimize your builds. Stephen Cook Pagedraw: A Tool to Turn Sketch Mockups into React Apps Prepack: A Partial Evaluator and Optimizer for JavaScript Facebook vue-cli: A CLI for Faster Vue.js Development The Vue.js Project Fix JavaScript Bugs Like a Boss 🛠— Get real-time monitoring, alerting, analytics for JavaScript errors, and worry less about breaking things. Learn more. ROLLBAR sponsortools basicScroll: Standalone Parallax Scrolling with CSS Variables— Use dynamically changing CSS variables to animate whatever you want. Tobias Reich Flatbush: Fast Static Spatial Index for 2D Points and Rects Vladimir Agafonkin Delighters.js: Trigger CSS Animations as a Page is Scrolled Q42 Get the Best, Most Complete Collection of Angular UI Controls: Wijmo— Wijmo’s dependency-free UI controls include rich declarative markup, full IntelliSense, & the best data grid. GrapeCity Wijmo sponsor Tippy.js: A Lightweight, Vanilla JS Tooltip Library Prompts: Attractive Interactive Prompts for Node CLIs Terkel Gjervig Nielsen node FilePond: A Flexible JS File Uploader with Great UX— It's GPLv3 licensed so take care in where you use it unless you get a commercial license. Rik Schennink

---

#376: This week's JavaScript news smoosh-up

March 9, 2018, 12:00 am

≫ Next: JS developers who stream, npm 5.8, and TypeScript 2.8 RC

≪ Previous: #375: webpack 4.0 Released, and a New Design for Us

$

0

0

#376 — March 9, 2018 Read on the Web JavaScript Weekly Could Array.prototype.flatten Become 'smoosh'? This week, TC39 member Michael Ficarra suggested renaming the flatten method to smoosh to avoid breaking sites using MooTools' incompatible flatten method. The dislike for 'smoosh' went viral and people rapidly suggested alternatives like squash, flat and chain, while André Staltz started a campaign to ‘prevent smoosh’! The current state of play is the TC39 committee (who work on the standardization of ECMAScript and are actually really nice) are keeping their options (and dialogue) open while Brian Terlson reminds us "TC39's active GitHub users are not always representative of the entire committee." How I Built a Super Fast JS Framework— The creator of Radi.js, a new tiny front-end library, shares why he’s created it when there are already tons of front-end libraries around — performance. Mārcis Bergmanis Power Your Apps with Angular UI Components and Spreadsheets— Build complete enterprise web applications with GrapeCity’s dependency-free, Angular JavaScript solutions. Includes Spread’s full-featured Excel-like spreadsheets and Wijmo’s collection of IntelliSense-enabled grids, charts, and input controls. GrapeCity JavaScript Solutions sponsor Loading Third-Party JavaScript— A jam-packed article from Google on how to find and fix issues related to loading third-party JS. How do you load third-party scripts efficiently? Learn it all here. Addy Osmani and Arthur Evans Beyond React 16: Time Slicing and Suspense API— Last week Dan Abramov gave his ‘Beyond React 16’ talk showing off ideas coming to React in the future, which are reflected upon here. Prosper Otemuyiwa Node v8.10.0 (LTS) Released— A significant LTS release for production systems with updates to V8, libuv, npm, Unicode and OpenSSL support. 9.8 is out too. Also, remember we have Node Weekly for each week’s Node news :-) Gibson Fahnestock Let’s Build a Custom Vue Router— A thorough walkthrough of building a custom client-side router for Vue when the official one doesn’t quite meet requirements. Hassan Djirdeh Jobs Lead React/Redux Engineer - Remote, SF, or Halifax, Canada— We’re an ambitious startup seeking an experienced front-end engineer to bring our React architecture forward. Manifold Frontend Engineer for Leading Open Source Company— Love coding web apps & building reusable high-performance UI components? Help define open source web app UI for large-scale enterprises. Liferay, Inc. Find a Job You're Passionate About— Vettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery Tutorials Building a Serverless Real-Time Chat App with AWS AppSync— AppSync is AWS’s fully-managed GraphQL service and interacting with it from JavaScript is pretty straightforward. Adrian Hall and Ed Lima What’s New in ES2018?— Lots of code examples in this slidedeck. Benedikt Meurer and Mathias Bynens slidedeck 10 Tips for JS Debugging Like a Pro at the Console— Recommended by Sarah Drasner this week. Yotam Kadishay Preserve Build Integrity & Prevent Problems with Deterministic Builds— The most common thing a customer will say in a support ticket is that their builds are suddenly failing even though “nothing has changed” on their end. This is almost never true. CircleCI sponsor The JavaScript Learning Landscape in 2018— Books, podcasts, etc. Jason Rodriguez 🎬 Videos, Screencasts and Talks ▶  The Fundamentals of Testing Angular Components Jesse Palmer ▶  Evan You's 'State of Vue.js 2018' Keynote Vue.js Amsterdam Conference 🔧 Code and Tools SlimerJS: Script a Headless Firefox Browser from JavaScript Laurent Jouanneau Instantly Seeing the Results of Your Code While You Are Writing It Wallaby.js sponsor Create Angular Libraries in No Time with 'Schematics' Netanel Basal Real-Time Error Monitoring, Alerting, and Analytics for JavaScript 🚀— Report JS errors to Rollbar with full stack trace and diagnostic data. ROLLBAR sponsor DoneJS 2.0 Released: A Framework for High-Perf Realtime Webapps Matthew Phillips TinyState: A Tiny, Powerful State Management Library for Angular Sebastian Holstein Awaity.js: Functional, Lightweight Alternative to Bluebird— Built with async/await in mind. Asaf Katz OpenPGPjs 3.0: An Open Source OpenPGP Library ProtonMail Vue Tour: Simple, Customizable 'Guided Tour' Plugin for Vue Pulsar Workly: Simply Move a Function or Class to a Worker Thread Preet Shihn Events AmsterdamJS Conference 2018 (May 31-June 1) KnowJS 2018: An Online Workshop with 4 JS Experts— Takes place April 13. Costs money but the teachers are great. Certified Fresh Events Seen on Twitter

JS developers who stream, npm 5.8, and TypeScript 2.8 RC

March 16, 2018, 12:00 am

≫ Next: D3.js 5.0, and an introduction to functional programming in JS

≪ Previous: #376: This week's JavaScript news smoosh-up

$

0

0

#377 — March 16, 2018 Read on the Web JavaScript Weekly Pell 1.0: A Tiny, Simple WYSIWYG Web Text Editor— No dependencies, ES6, and only 1.38KB minned and gzipped. Play with a demo here. Jared Reich A Comprehensive Guide to Learning React in 2018— A classic, interactive ‘from scratch’ tutorial that’s just been upgraded to React 16.3 standards. Tyler McGinnis Angular, React or Vue?— How do you choose one JavaScript framework over another for your next web application? Our new whitepaper gives insight into the current state of Angular, React and Vue and how they compare against a comprehensive set of criteria. Download now. Progress Kendo UI sponsor TOAST UI Chart: Attractive Charts to Visualize Data— Cross-browser (even supports IE8) and you get bar/column, line, area, bubble, pie, heatmap, bullet, and boxplot charts out of the box as well as combinations of them. Lots of demos here. NHN Entertainment Cloudflare Workers: Run JavaScript on Cloudflare— CDNs typically make static assets available at many edge locations, but this next step takes running code to the edge as well, all powered by V8. Kenton Varda Take the TC39 Developer Engagement Survey— The ECMAScript standards committee wants to understand how you engage with the official specs and are keen to reach developers not on Twitter. 10 simple questions. Yulia Startsev (Mozilla) and TC39 Driver.js: 'Drive' Users' Focus Across a Web Page— A no-dependency library for creating ‘tour’-style mechanisms and highlights on a page. Kamran Ahmed Awesome Developer Streams: Developers Who Code Live— It’s surprising how much you can learn by watching someone else code and here are 57 to check out - mostly JavaScript developers too. Tierney Cyren TypeScript 2.8 RC Released— Conditional types are the headline feature. Microsoft npm 5.8.0(-next.0) Released The npm Blog Jobs 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 Frontend Engineer for Leading Open Source Company— Love coding web apps & building reusable high-performance UI components? Help define open source web app UI for large-scale enterprises. Liferay, Inc. Find a Job You're Passionate About— Vettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery Tutorials and Articles 4 Awesome Things You Can Do with the Vue.js CLI— Working with Vue? The CLI will make your life better. Brandon Satrom Things to Consider When Choosing a Database for Your JavaScript App— Not all JSON support is created equal. MONGODB sponsor The 4 Layers of SPAs You Need to Know— An attempt to explain modern single page apps (SPAs) by slicing them into views, services, storage, and the domain/model. Daniel Dughila Building a Basic Neural Network with Brain.js— A very elementary ‘getting started’ tutorial. Daniel Simmons Animating Elements Along SVG Paths with JavaScript Luis Manuel How to Develop an Effective Indexing Strategy— Grab your free MongoDB tutorial on optimising indexing strategies from Studio 3T. Studio 3T sponsor JavaScript Promises for Dummies— A golden oldie recommended by Chris Heilmann today. Jecelyn Yeen old-but-gold Videos, Screencasts and Talks ▶  Structuring JavaScript Projects for Testability Fun Fun Function ▶  A Gentle 1hr Intro to Express.js and RESTful APIs— Excellent for beginners. Programming with Mosh Code and Tools 🔧 Emma: A CLI Tool to Find and Install npm Packages Matic Zavadlal Rough.js: Create Graphics with a Hand-Drawn Appearance Preet Shihn The Filepond File Upload Library Relicenses to MIT— We linked to this attractive looking file upload control recently when it was GPLv3 licensed. Demo. Rik Schennik MobX 4 Released: A Simple State Management Library Michel Weststrate There’s a Bug in Your JavaScript Code. Fix It Sentry sponsor Mark Text: A Cross-Platform Markdown Editor App— Built with Electron and Vue. Jocs

D3.js 5.0, and an introduction to functional programming in JS

March 23, 2018, 12:00 am

≫ Next: ES Modules: A Cartoon Deep-Dive

≪ Previous: JS developers who stream, npm 5.8, and TypeScript 2.8 RC

$

0

0

#378 — March 23, 2018 Read on the Web JavaScript Weekly D3.js 5.0 Released— D3 continues to be a fantastic choice for data visualization with JavaScript. Changes in 5.0 include using promises to load data instead of callbacks, contour plots, and density contours. Mike Bostock Lazy Loading Modules with ConditionerJS— Linking JavaScript functionality to DOM elements can become a tedious task. See how ConditionerJS makes progressive enhancement easier in this thorough tutorial. Smashing Magazine The Best JavaScript Debugging Tools for 2018— If you work with JavaScript, you’ll know that it doesn’t always play nice. Here we look at the best JavaScript debugging tools you can use to clean up your code and provide great software experiences to your users. RAYGUN sponsor ▶  A 10 Video Introduction to Functional JavaScript with Ramda— Want to get started with functional programming in JavaScript? Ramda is a more functional alternative to libraries like Lodash, and these brief videos cover the essentials. You may also appreciate Kyle Simpson’s Functional-Light JavaScript if you set off on the functional programming journey. James Moore JavaScript vs. TypeScript vs. ReasonML: Pros and Cons— Dr. Axel is becoming a fan of static typing for larger projects and explains the pros and cons of it and how static typing relates to the TypeScript and ReasonML projects. Dr. Axel Rauschmayer A Proposal for Package Name Maps for ES Modules— Or how to solve the web’s “bare import specifier” problem. Domenic Denicola A TC39 Proposal for Object.fromEntries— It would transform a list of key/value pairs into an object. TC39 news How Unsplash Gradually Migrated to TypeScript Oliver Joseph Ash 💻 Jobs Engineering Manager— You’ll lead a team in building a product at scale and get the opportunity to manage and mentor while helping shape decisions. Skillshare Software Engineer at Fat Lama (London)— Technology and engineering is at the heart of what we do at Fat Lama - help us build the rental marketplace for everything. Fat Lama JavaScript Expert? Sign Up for Vettery— Create your profile and we’ll connect you with top companies looking for talented front-end developers. Vettery Place your own job listing in a future issue 📘 Tutorials & Tips Getting Started with the Web MIDI API— Covers the basics of MIDI and the Web MIDI API showing how simple it is to create frontend apps that respond to musical inputs. It’s niche but also neat the Web platform can do this. Peter Anglea ▶  7 Secret Patterns Vue Consultants Don&'t Want You to Know— Clickbaity talk title, but Chris is both on the Vue core team and a great speaker :-) Chris Fritz Learn to Build JavaScript Apps with MongoDB in M101JS, MongoDB for Node Developers— MongoDB University courses are free and give you everything you need to know about MongoDB. MongoDB sponsor How to Write Powerful Schemas in JavaScript— An introduction to schm, a library for building model schemas in a functional, composable way. Diego Haz Getting Smaller Lodash Bundles with Webpack and Babel— Plus some tips for working with lodash-webpack-plugin. Nolan Lawson Elegant Patterns in Modern JavaScript: RORO— RORO stands for Receive an Object, Return an Object. Bill Sourour The Ultimate Angular CLI Reference Guide— Create new Angular 2+ apps, scaffold components, run tests, build for production, and more. Jurgen Van de Moere ▶  Add ESLint and Prettier to VS Code for 'Create React App' Apps Elijah Manor Tips for Using ESLint in a Legacy Codebase— Techniques that can help you significantly reduce the number of errors you see. Sheshbabu Chinnakonda Free eBook: A Roundup of Managed Kubernetes Platforms Codeship sponsor Lookaheads (and Lookbehinds) in JS Regular Expressions Stefan Judis Unblocking Clipboard Access in Chrome 66+— The Async Clipboard API supersedes the document.execCommand approach. Jason Miller Building Office 365/SharePoint Applications with Aurelia Magnus Danielson 🔧 Code and Tools GPU-Accelerated Neural Networks in JavaScript— A look at four libraries providing this type of functionality. Sebastian Kwiatkowski Get the Best, Most Complete Collection of Angular UI Controls: Wijmo— Wijmo’s dependency-free UI controls include rich declarative markup, full IntelliSense, and the best data grid. GrapeCity Wijmo sponsor better-sqlite3: A Simple, Fast SQLite3 Library for Node Joshua Wise ngx-datatable: A Feature-Rich Data-Table Component for Angular— No external dependencies. Demos here. Swimlane vue-content-loader: SVG-based 'Loading Placeholder' Component— It’s a port of ReactContentLoader. EGOIST DrawerJS: A Customizable HTML Canvas Drawing Tool— Live demo. Carsten Schäfer

ES Modules: A Cartoon Deep-Dive

March 30, 2018, 12:00 am

≫ Next: Everything New in ES2016, 2017, and 2018

≪ Previous: D3.js 5.0, and an introduction to functional programming in JS

$

0

0

#379 — March 30, 2018 Read on the Web JavaScript Weekly What's New with V8 v6.6— Due to be released with Chrome 66 in a few weeks, the latest version of the V8 JavaScript engine changes the behavior of Function.prototype.toString(), adds trimStart() and trimEnd() methods to strings, has improved code caching, major async and array performance improvements, and more. The V8 Team ES Modules: A Cartoon Deep-Dive— ES modules bring an official, standardized module system to JavaScript and once Firefox 60 is out (soon) it’ll be supported in all major browsers. But what do they entail? Mozilla Hacks New Course: From Fundamentals to Functional JavaScript, v2 😀— Learn the techniques you need to write professional, modern JavaScript. This course starts with the basics and takes you to mastering key functional methods like map, reduce and filter ...plus promises and ES6+ asynchronous JavaScript. Frontend Masters sponsor Key Lessons from Google's JavaScript Style Guide— An attempt to extract some lessons from Google’s JavaScript style guide. These aren’t hard and fast rules but merely suggestions to make life easier. Daniel Simmons TensorFlow.js: WebGL-Accelerated Machine Learning in the Browser— If you’ve done any machine learning work, Tensorflow will have been on your radar and now it’s easily used from the browser too. Lots of demos and examples here. TensorFlow TypeScript 2.8 Released— The typed JavaScript superset takes another step forward with support for conditional types, improved organization of imports in VS Code, and improved JSX support. Microsoft Redux, It's Not Dead Yet— One of Redux’s maintainers addresses recent ‘confusion, claims, and misinformation’ over Redux’s role and future. Mark Erikson The React Core Team's Update on the Development of Async Rendering— A thorough update on what they’ve learnt while building React’s newest asynchronous rendering features and what you can do to be prepared. If you like this, check out our React newsletter. Brian Vaughn The Status of JS Libraries and Frameworks: 2018 and Beyond— Thoughts, data and updates on React, Vue, Angular, Polymer, TypeScript and jQuery. Jae Sung Park Anatomy of JavaScript Source Maps 📃— Ever wondered how JavaScript source maps work? Take a deep dive into the inner workings of source maps. Bugsnag sponsor 💻 Jobs Sr. Fullstack Engineer (Remote)— Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work. Sticker Mule Senior Software Engineer— Join our small team of engineers to make Slate.com (a digital magazine since 1996 with 30M hits per month) faster. Vue & Node. Slate Magazine JavaScript Expert? Sign Up for Vettery— Create your profile and we’ll connect you with top companies looking for talented front-end developers. Vettery 📘 Tutorials Using Web Workers for Safe, Concurrent JavaScript Bruce Wilson Using Chrome's New CSS Typed Object Model— A new feature that brings types, methods, and a flexible object model to working with CSS values from JavaScript. Eric Bidelman A Comprehensive Guide to JavaScript Design Patterns Marko Misura Angular 2+ Authentication: Protecting Private Content— The latest in a series of posts on building a CRUD app with Angular CLI. Jurgen Van de Moere How To Make Netflix-Like Swipers in Vue Chris Nwamba An Intro to Building Progressive Web Apps with Vue.js Brandon Satrom A Much Faster Way to Debug Code Than with Breakpoints or Console.log— Wallaby catches errors in your tests and displays the results of expressions right in your editor as you type. Wallaby.js sponsor JavaScript in 14 Minutes— A gentle, interactive introduction to JavaScript. May not be useful to you but may be worth sharing with newcomers to programming or JS :-) Jeremy Thomas 🔧 Code and Tools Axe 3.0 Released: The Automated Accessibility Testing Library Marcy Sutton React 16.3.0 Released— More in this week’s React Status. Brian Vaughn Fix Production Bugs in Seconds with Sentry Sentry sponsor Task Easy: A Simple Priority Queue for Promises Canaan Seaton Nerv: A Fast IE8- and React 16-Compatible React Alternative Li Weitao 11 JavaScript Machine Learning Libraries To Consider Jonathan Saring HotKeys.js: A Robust Library for Capturing Keyboard Input Kenny Wong

Everything New in ES2016, 2017, and 2018

April 6, 2018, 12:00 am

≫ Next: Writing your own promise library, and what's new in Angular 6?

≪ Previous: ES Modules: A Cartoon Deep-Dive

$

0

0

#380 — April 6, 2018 Read on the Web JavaScript Weekly Examples of Everything New in ES2016, 2017, and 2018— This is a worthwhile roundup of all the new bits and pieces in recent ECMAScript specs, but note that SharedBufferArray support has been disabled in most runtimes due to Spectre, so give that a miss. Raja Rao DV Martin Fowler Announces 2nd Edition of "Refactoring"; Switches Book from Java to JavaScript— This is a big deal given the weight this book has in the field. Martin Fowler JavaScript to Rust and Back Again: A wasm-bindgen Tale— wasm-bindgen enables interoperability between WebAssembly modules and JavaScript. Alex Crichton Scrivito: the World’s First JS CMS Solely Based on ReactJS— Scrivito is a user friendly, secure and serverless JavaScript CMS. Due to client-side rendering, it is 100% maintenance free and combines WYSIWYG editing with maximum flexibility for developers. Pricing starts at $4.99 - get a 30 days free trial now. Scrivito sponsor ▶  Learn RxJS in 60 Minutes for Beginners— RxJS is used for reactive programming using observable streams and this is a great ‘from scratch’ crash course. Gary Simon Understanding JavaScript Proxies— Uses an examination of Sindre Sorhus’ on-change library to dig into how proxies, a feature introduced in ES6, work. Arfat Salman A Beginner’s Guide to JavaScript Geolocation Tracking— A 4 part series from PubNub brought together in one place walking through bringing the Google Maps JavaScript API together with PubNub’s real-time services. Joe Hanson webpack 4.5.0 Released webpack on Twitter What's New in Aurelia? Aurelia's 2018 Q1 Report— Aurelia is also now included in the RealWorld project. Rob Eisenberg 💻 Jobs Sr. Fullstack Engineer (Remote)— Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work. Sticker Mule Mobile Developer - Milan, Italy— MotorK is looking for passionate Junior and Senior mobile devs to join the team. Great place to work and career opportunities. MotorK No Search, No Spam, No Hassle— SW engineer positions in SF and NY personalized to you. Discreetly create a profile on Woo.io today. woo.io 📘 Tutorials Hit The Ground Running with Vue.js and Firestore— Firestore is a new data storage approach from Google Firebase. Lukas Van Driel Learn Kotlin in 2 Days— $99 Introductory, online rate. In-person rate available to join us at the Ranch. Big Nerd Ranch sponsor Tips to Make Your webpack Bundle Smaller When Using JS Libraries Google Dr. Axel's JavaScript Array Cheatsheet Dr. Axel Rauschmayer [1] + [2] - [3] === 9? A Look Behind JavaScript Coercion Marcin Wanago Making a Statically-Linked, Single-File Web App with React and Rust— Experimental but neat. Anders Pitman A Simple Guide to Taking a Web Page Offline (with Service Workers) Adeyinka Adegbenro A Killer Vue.js Blog Demo: Launch in 2 Hours Tops Snipcart sponsor Write Better JavaScript With Webpack DJ Walker Using ES6 Collections: Map, Set, WeakMap, and WeakSet Kyle Pennell A Practical Guide to Using and Creating Angular Directives Claudio Ribeiro 🔧 Code and Tools Fly Edge Apps: Running JS at the Edge— Imagine a CDN but more dynamic and with more control. Fly.io gron: A Tool That Makes JSON 'greppable'— It’s written in Go (yes, we have the newsletter) but may prove handy to JS developers too. Tom Hudson One API for All the Tools— Try Segment and integrate 200+ tools with the flip of a switch. Segment sponsor An ESLint Plugin for JSON i18n Translation Files GoDaddy Open Source Sails.js 1.0: A Rails-esque MVC Framework for Node The Sails Company Glide.js: A Dependency-Free ES6 Slider and Carousel— “Designed to slide. No less, no more” says the creator. Jędrzej Chałubek vue-testing-library: A 'Low Surface Area' Testing Library for Vue— Inspired by Kent C Dodds’ react-testing-library. Daniel Cook casex: A Function for Transforming Word Casings— Based on a pattern like ‘ca_se’ or ‘CaSe’. Pedro Moreira Nothing: A Chainable, Callable Mock Object Which Always Returns Itself Vladimir Simonov