chris.lu

Because the JSON grammar is much simpler than JavaScript’s grammar, JSON can be parsed more efficiently than JavaScript. So as long as the JSON string is only evaluated once, the JSON.parse approach is much faster compared to the JavaScript object literal, especially for cold loads...

To maximize battery life, you therefore want to reduce the amount of time spent in high-power states, and let the hardware go back to idle as much as possible. For web developers, there are three states of interaction to think about: 1) When the user is actively interacting with the content. 2) When the page is the frontmost, but the user is not interacting with it. 3) When the page is not the frontmost content...

Preserve case for global search and replace, settings editor string array validation, adjust cursor surrounding lines, copy and revert in the diff editor, go to Line supports negative line numbers, MDN Reference link for HTML and CSS, ...

Next.js 9 includes TypeScript support, Dynamic Routing, API Routes, Automatic Static Optimization, and more...

We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge! What's changed? A lot has changed in version 4! At a high level, this new version should offer significant performance gains and an improved navigation experience. It also offers full support for React Hooks, including inspecting nested objects. Visit the interactive tutorial to try out the new version or see the changelog for demo videos and more details...

Let’s explore what’s coming in 3.6! Stricter Generators, more Accurate Array Spread, improved UX Around Promises, better Unicode Support for Identifiers, import.meta Support in SystemJS, get and set Accessors Are Allowed in Ambient Contexts, ambient Classes and Functions Can Merge, APIs to Support --build and --incremental, semicolon-Aware Code Edits, smarter Auto-Import Syntax. Breaking Changes: String-Named Methods Named "constructor" Are Constructors, DOM Updates, JSDoc Comments Don’t Merge, Keywords Cannot Contain Escape Sequences, ...

The goal of tools like Psal, Phan and PHPStan is to reduce the amount of errors before the first test is written. Let's catch bug early with static analysis...

This version of chrome finally removes the possibility to detect if a user is in Incognito Mode, by fixing a flaw in Chrome’s FileSystem API. Also Flash is now blocked by default and will be removed completely in 2020. Also as many operating systems now support a dark mode, or dark theme. The "prefers-color-scheme" media query has been added to allow you to adjust the look and feel of your site to match the user's preferred mode...

Electron 6.0 continues the modernization initiative started in 5.0 to improve Promise support. Also check out the full release notes and especially the section "Breaking Changes"...

I just read this and think it's worth sharing because this is exactly the things I keep on telling young developers that haven't yet worked on a big project among a team of developers. It's a good read / recap of universal rules, we had to learn the hard way, but if you memorize them now, will make you a faster and better developer, but also help you avoid a lot of trouble in the future, ...

The subgrid feature which is part of Level 2 of the CSS Grid Specification is not yet shipping in any browser, but is now available for testing in Firefox Nightly. ...

Long Tasks can keep the main thread busy, delaying user interaction. Chrome DevTools now highlights Long Tasks, making it easier to see tasks to optimize...

Safari Technology Preview Release 83 includes fixes for pointer events, lots of changes to the rendering engine and css updates. An improved Web Inspector, ...

TypeScript 3.5 introduces several optimizations around type-checking and incremental builds.then gets transformed by a program called the TypeScript compiler. TypeScript 3.5 also adds a new Omit helper type and instead of making everyone define their own version of Omit, TypeScript 3.5 will include its own in lib.d.ts which can be used anywhere. Besides the new --allowUmdGlobalAccess flag, Typescript 3.5 now also features improved excess property checks in union types, higher order type inference from generic constructors, smarter union type checking. Don't forget to check out the Breaking changes section of the document, ...

PHP isn't the same old crappy language it was ten years ago, ...

With GitHub Package Registry your packages are at home with their code. It is fully integrated with GitHub, so you can use the same search, browsing, and management tools to find and publish public or private packages as you do for your repositories...

Learn how Googlebot crawls and renders your website so your content can be discovered via Google Search through an optimized user experience. This session will cover architectural best practices (e.g. how to implement lazy loading), framework-specific (React, Vue, Angular)...

Biggest unsung news of #io19...Googlebot now indexes the web using the latest Chromium rather than super old Chrome 42. Use modern features with confidence, without SEO issues...

Monitoring for changes to the DOM is sometimes needed in complex web apps and frameworks. By means of explanations along with interactive demos, this article will show you how you can use the MutationObserver API to make observing for DOM changes relatively easy...

Let's Encrypt have announced that on July 8th, 2019 they will begin issuing new certificates from their own intermediate CA and not their current cross-signed intermediate. Here's what that means and what action, if any, site operators need to take.Let's EncryptI've spoken extensively about Let's Encrypt on my blog...

Nearly 90,000 took this comprehensive, annual survey of people who code. Demographics. Most loved, dreaded and wanted technologies. Salary and careers...

Native <img> lazy-loading is coming to the web! https://t.co/LgF7F1iMgR <img loading=lazy> defers offscreen images until the user scrolls near them. Shipping in Chrome ~75 https://t.co/4gR7lvx4zxâ

Ecma TC39, the JavaScript Standards Committee, is proud to announce that we have shipped a website for following updates to the JavaScript specification. ...

Preview and apply color themes, Keyboard shortcuts editor improvements, Problems panel hover commands, Preferred Code Actions, Debug Console customization, Better IntelliSense for ARIA attributes, Vue.js interpolations IntelliSense, New "Bundling Extensions" topic, ...

In Chrome 73, we've added support for: Creating portable content easier with signed HTTP exchanges. Dynamically changing styles becomes way easier with constructable style sheets. Support for Progressive Web Apps arrives for on Mac, bringing support for PWAs to all desktop and mobile platforms, making it easy to create installable apps, delivered through the web...