Pony Foo — Web platform, JavaScript, modularity, front-end architecture, performance, and more!_News & Media

ponyfoo.comArticlesWeeklyBooksSpeakingOpen-SourceShoparchitectureBootstrapping a UI component libraryBuilding — and adopting — a component library in the context of a vibrant business is no easy feat. Here are a few things we’ve learned.At a small …Read Article Dec 16th, 2021 14m 3React Data Survival Kit Jun 3rd, 2019 23m 10Discovering patterns with React hooks May 13th, 2019 7m 6Conflict Resolution and Code Reviews Apr 10th, 2019 3m 3Disguise-Driven Testing: Jest Mocks in Depth Mar 28th, 2019 11m 6Disguise Driven Testing: Jest Mocks In Depth — Part 2Mocks are a great way of preventing AJAX calls in tests, but they can also help you isolate side effects and impurities that can create complicated tests. As you learned …Read Article jesttesting Apr 22nd, 2019 16m 0patternsaction-patternThe Action Pattern: Clean, Obvious, Testable CodeLet’s convert a mock API endpoint for signing up new users in a mobile app into using the action pattern.Read Article Mar 26th, 2019 25m 6React State: Choose Wisely Mar 19th, 2019 22m 7GraphQL in Depth: What, Why, and How Mar 12th, 2019 23m 7Unhappy Path Driven Development Oct 9th, 2018 2m 3Module Design Sep 21st, 2018 13m 3JavaScript Performance Pitfalls in V8Benedikt shows how V8 compiles your JavaScript programs, and explains a few tricks you can use to avoid draining application performance down the sink.Read Article performancev8internals Mar 5th, 2019 26m 9Okta, Auth0, & the Goblet of IdentityI’ve been exploring a couple of different options when it comes to serverless authentication providers, and I was both pleased and surprised to find how little …authenticationauthorizationoktaauth0security Feb 23rd, 2018 16m 1A Guide to Modular Design ThinkingLast year I gave a presentation about Modular Design and here’s a transcript.modular-javascriptprogram-designtranscripttalk Jan 15th, 2018 29m 4An Introduction to Speculative Optimization in V8An impressively low-level article that we hope gives you a good idea about what happens in V8 when it comes to optimization.v8javascriptperformance Nov 28th, 2017 24m 4Mastering Modular JavaScript My latest book, Mastering Modular JavaScript, just went into Early Release and is available now on Safari Books Online. It’s a part of my “Modular JavaScript” effort. It covers module thinking, patterns & principles.modular-javascriptmastering-modular-javascript Oct 17th, 2017 a minute 7A Brief History of ModularityWhen it comes to JavaScript, modularity is a modern concept. In this article we’ll quickly revisit and summarize the milestones in how modularity evolved in the …ecmascriptmodulescommonjs Sep 26th, 2017 9m 3A Tiny Story about Systems ComplexityA human decides to open a new tab in their favorite web browser and they then google for “cat in a pickle gifs”. What happens next will shock you!complexitymodularity Sep 16th, 2017 3m 2Make All Images on Your Website Responsive in 3 Easy StepsImages are crucial to website performance, but most sites still don’t implement responsive images. Cloudinary provides an alternative to srcset and sizes when implementing responsive images.cloudinaryresponsive Aug 22nd, 2017 5m 8Investigating Performance of Object#toString in ES2015We discuss how Object#toString performs in the V8 engine, why it’s important, how it changed with ES2015 symbols, and how to speed it up.performanceinternalsv8 Aug 14th, 2017 12m 1Interviewed at Tencent Frontend ConferenceLast month, I was interviewed after delivering a presentation on ECMAScript to an audience in Shenzhen, China. I think it was an entertaining interview, so here’s a transcript.interview Aug 7th, 2017 6m 0Null Propagation Operator in JavaScriptThere’s a proposal in stage 1 for the Null Propagation operator. In this article we’ll take a look at the proposal, which offers an alternative to null …ecmascriptproposal-draft Jul 31st, 2017 5m 25Pattern Matching in ECMAScriptThere’s a stage 0 proposal for pattern matching in JavaScript. In this article we’ll take a look at what the proposal entails and also show how you might …ecmascriptproposal-draft Jul 11th, 2017 9m 17Setting up 2FA for Node.js ApplicationsLet’s take a look at how we can quickly hash out a correct two-factor authentication (2FA) solution for our web applications. First off, let’s work out the …nodejssecurity Jul 10th, 2017 12m 2TC39, ECMAScript, and the Future of JavaScriptLast week, I gave a presentation at Tencent Frontend Conference in Shenzhen, China. For this article, I’ve adapted its transcript.tc39ecmascriptstandardstalkspresentations Jun 26th, 2017 27m 10Regular Expressions in a post-ES6 worldIn this article we’ll take a look at regular expressions improvements in and after ES6. We’ll discuss the /y, /u, and /s flags, named capture groups, unicode property escapes, lookbehind assertions, and String#matchAll.es6unicoderegular-expressions Apr 3rd, 2017 23m 7Mixing Generators Into IteratorsAs it turns out, iterators can be written using generators. This can lead to some interesting use cases.es6generatorsiterators Mar 29th, 2017 5m 6Observables Proposal for ECMAScript!There’s an ECMAScript proposal for Observables in the works. In this article we explore the proposal, the API, and look at a few use cases.Observables in …ecmascriptproposal-draft Mar 13th, 2017 6m 11Variables declared using const are not immutableUsing const only means that the variable will always have a reference to the same object or primitive value, because that reference can’t change.constimmutability Feb 20th, 2017 2m 5Content-Security-Policy in Express appsThe Content-Security-Policy header is a bit frightening — will I break my website if I suddenly start blocking requests for external resources? In this article we go over a gradual approach to adopting CSP. cspsecurityhttp Feb 6th, 2017 16m 3Setting up an Angular 2 Development EnvironmentAngular 2 is the rave of the moment. It is a modern JavaScript framework that is supercharged with awesome features. In fact, Angular 2 is now more than a framework, it …angular-2cloudinarytypescript Feb 1st, 2017 25m 8The JavaScript StandardJavaScript has gone from being a marketing ploy to gain a tactical advantage, to becoming the core programming experience in the world’s most widely used application runtime platform. Where to, next?ecmascripthistory-lessonstandards Jan 24th, 2017 11m 3Let’s use const! Here’s why.When reading a piece of code, others can take cues from these signals in order to better understand what we did. ES6 offers let and const as new flavors of variable declaration, are they better signals than var?constes6best-practices Dec 28th, 2016 10m 21How Terrible Code Gets Written by Perfectly Sane PeopleHelp your team avoid some bad habits that can drive good teams to write terrible code.clean-codesoftware-engineeringteamwork Dec 27th, 2016 8m 5Fourth Year in ReviewAnother year, another review of how Pony Foo did in its latest twelve months online!yearly-reviewrecommended-reading Dec 22nd, 2016 6m 1Thousands of Color-coded Visualizations in ReactFor the past few days I’ve been working on a data visualization that displays Elasticsearch node distribution across different cloud instances and zones.reactreact-fibervisualizations Dec 13th, 2016 19m 2Making Time for Side Projects: A Daily HabitWith so many other commitments to deal with, it can be hard to find time to work on side projects. In this article, I discuss the need for carving out a chunk of time to …side-projects Nov 7th, 2016 2m 5Announcing Practical Modern JavaScript — and the Modular JavaScript Book Series!Practical Modern JavaScript is the first book in a series I’m dubbing Modular JavaScript, which aims to be a comprehensive, freely available, and open set of books with the mission of improving our collective understanding of modular JavaScript.bookannouncementjavascriptmjavascriptpractical-modern-javascript Oct 25th, 2016 19m 2Modular JavaScript launches in a week! Modular JavaScript is an open effort to improve our collective understanding of writing robust, well-tested & modular applications. It is launching very soon.modular-javascriptproduct-launchespractical-modern-javascript Oct 18th, 2016 6m 0Fixing an XSS vulnerability in markedEarlier this year my team at Snyk added an interesting Cross-Site Scripting (XSS) vulnerability to our database, in the popular marked package. The vulnerability is …xsssecurity Oct 4th, 2016 8m 4Older »Can’t find what you were looking for? Try searching the publication history.A relevant ad will be displayed here soon. These ads help pay for my hosting.Please consider disabling your ad blocker on Pony Foo. These ads help pay for my hosting. You can support Pony Foo directly through Patreon or via PayPal.What’s your favorite view rendering framework? ✓Angular 12.76% (117 votes)✓Vue 23.99% (220 votes)✓React 49.18% (451 votes)✓Ember 4.14% (38 votes)✓Polymer It’s a thing! 9.92% (91 votes)Show results917 votes since October 19, 2018This poll has ended.See more pollsGreatest HitsUnderstanding JavaScript’s async awaitES6 Overview in 350 Bullet PointsJSON Web Tokens vs. Session Cookies: In PracticeES6 Promises in DepthBinding Methods to Class Instance ObjectsES6 Modules in DepthES6 JavaScript Destructuring in DepthES6 Proxies in DepthNull Propagation Operator in JavaScriptChoose: Grunt, Gulp, or npm?Why I Write Plain JavaScript ModulesES6 Template Literals in DepthStop Breaking the WebES6 Spread and Butter in DepthES6 Reflection in DepthJavaScript Developer Survey ResultsSetting up an Angular 2 Development EnvironmentES6 Maps in DepthPony Foo has been online for a while. Maybe you should check out the article publication history! About History Write With Us Shop Advertise Subscribe Polls RSS License Privacy